#ABF4F6

#ABF4F6

Overview

#ABF4F6 is a cool, light color. In RGB it is 171, 244, 246, in HSL 181.6°, 80.6%, 81.8%, and in CMYK 30.5%, 0.8%, 0.0%, 3.5%. The nearest named color is paleturquoise 2.

On this page

ค่าสี

HEX

#ABF4F6

RGB

171, 244, 246

HSL

181.6, 80.6%, 81.8%

HSV

181.6, 30.5%, 96.5%

CMYK

30.5%, 0.8%, 0.0%, 3.5%

OKLCH

0.9201 0.072 198.1

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#ABF4F6

#F6ADAB

สีใกล้เคียง

#ABF6D3

#ABCFF6

#ABF4F6

สามสี

#ABF4F6

#F6ABF4

#F4F6AB

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

#ABF4F6

#F6ABCF

#F6D3AB

สี่สี

#ABF4F6

#D3ABF6

#F6ADAB

#CFF6AB

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

ต้นฉบับ

#ABF4F6

ตาบอดสีแดง

#CBCBF6

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

#C6C1F5

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

#AFF5F5

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

#E5E5E5

การใช้งาน CSS

background-color: #ABF4F6;
color: #ABF4F6;
border-color: #ABF4F6;
Tailwind ที่ใกล้เคียงที่สุด: Cyan 200 #A5F3FC

เฉดสี Tailwind

50
#F2FCFD
100
#E1F9F9
200
#BFF7F8
300
#90F0F3
400
#55E9ED
500
#19E1E6
600
#14B4B8
700
#109093
800
#0C7073
900
#0D5254
950
#083435

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

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

1.24:1

AA Fail AAA Fail

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

17.0:1

AA Pass AAA Pass

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

#ABF4F6
#F6ADAB
#ABF4F6
#FFFFFF
#000000
#ABF4F6

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

บทเรียนแนะนำ

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

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

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

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

พื้นที่สีเชิงรับรู้: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026

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

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

RGB(171, 244, 246) · HSL(181.6, 80.6%, 81.8%) · CMYK(30.5%, 0.8%, 0.0%, 3.5%)

Does #ABF4F6 meet WCAG contrast on white?

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

What text color is readable on #ABF4F6?

Use 000000 text on a #ABF4F6 background; contrast on black is 17.0:1.