#AFFBF2

#AFFBF2

Overview

#AFFBF2 is a cool, light color. In RGB it is 175, 251, 242, in HSL 172.9°, 90.5%, 83.5%, and in CMYK 30.3%, 0.0%, 3.6%, 1.6%. The nearest named color is paleturquoise 1.

On this page

ค่าสี

HEX

#AFFBF2

RGB

175, 251, 242

HSL

172.9, 90.5%, 83.5%

HSV

172.9, 30.3%, 98.4%

CMYK

30.3%, 0.0%, 3.6%, 1.6%

OKLCH

0.9361 0.0757 186.7

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: paleturquoise 1

จิตวิทยาสี

Light cyans and sky blues are among the most universally calming colors, evoking clear skies and fresh air. They inspire openness, mental clarity, and a sense of freedom. These tones are psychologically associated with truthfulness and uncomplicated communication.

Design Usage

Soft cyan makes an excellent background for info alerts, tooltips, and educational content sections. It creates a sense of spaciousness in dashboard layouts without the sterility of pure white. Pair it with deep blue or navy text for a professional, high-contrast information hierarchy.

ความกลมกลืนของสี

สีตรงข้าม

#AFFBF2

#FBAFB8

สีใกล้เคียง

#AFFBCC

#AFDEFB

#AFFBF2

สามสี

#AFFBF2

#F2AFFB

#FBF2AF

สีตรงข้ามแบบแยก

#AFFBF2

#FBAFDE

#FBCCAF

สี่สี

#AFFBF2

#CCAFFB

#FBAFB8

#DEFBAF

การจำลองตาบอดสี

ต้นฉบับ

#AFFBF2

ตาบอดสีแดง

#D0D1F4

ตาบอดสีเขียว

#CCC6F5

ตาบอดสีน้ำเงิน

#B3F6F6

ตาบอดสีทั้งหมด

#EAEAEA

การใช้งาน CSS

background-color: #AFFBF2;
color: #AFFBF2;
border-color: #AFFBF2;
Tailwind ที่ใกล้เคียงที่สุด: Teal 200 #99F6E4

เฉดสี Tailwind

50
#F1FDFC
100
#DFFBF8
200
#BBFCF4
300
#8AF9EC
400
#4BF6E2
500
#0CF3D8
600
#0AC2AC
700
#089B8A
800
#06796C
900
#09584F
950
#063832

ตรวจสอบความเปรียบต่าง

ข้อความบนพื้นขาว

1.17:1

AA Fail AAA Fail

ข้อความบนพื้นดำ

17.9:1

AA Pass AAA Pass

เปรียบเทียบกับ

#AFFBF2
#FBAFB8
#AFFBF2
#FFFFFF
#000000
#AFFBF2

บทความที่เกี่ยวข้อง

คู่มือเครื่องมือ

WCAG AA vs AAA: Contrast Requirements Compared

ส.ค. 20, 2026
บทเรียนแนะนำ

CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์

ม.ค. 26, 2026
บทเรียนแนะนำ

สร้าง Color Picker Web Component ตั้งแต่ต้น

ม.ค. 21, 2026

คำถามที่พบบ่อย

What are the RGB, HSL, and CMYK values of #AFFBF2?

RGB(175, 251, 242) · HSL(172.9, 90.5%, 83.5%) · CMYK(30.3%, 0.0%, 3.6%, 1.6%)

Does #AFFBF2 meet WCAG contrast on white?

1.17:1 — WCAG AA ไม่ผ่าน, AAA ไม่ผ่าน for normal text.

What text color is readable on #AFFBF2?

Use 000000 text on a #AFFBF2 background; contrast on black is 17.9:1.