# สี #84e2f3: โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว

#84e2f3 คือ rgb(132, 226, 243) ใน RGB และ oklch(86.052% 0.09231 210.436) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

แหล่งที่มา: https://pickshade.com/th/color/84e2f3

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #84e2f3 |
| RGB | rgb(132, 226, 243) |
| HSL | hsl(189.19, 82.22%, 73.53%) |
| HSB / HSV | hsv(189.19 45.68% 95.29%) |
| HWB | hwb(189.19 51.76% 4.71%) |
| CMYK | cmyk(46% 7% 0% 5%) |
| Lab | lab(84.53 -25.88 -17.53) |
| LCH | lch(84.53 31.26 214.12) |
| OKLab | oklab(86.052% -0.07959 -0.04676) |
| OKLCH | oklch(86.052% 0.09231 210.436) |
| Display P3 | color(display-p3 0.60532 0.87714 0.94294) |
| Rec. 2020 | color(rec2020 0.65578 0.85216 0.93504) |
| Adobe RGB | color(a98-rgb 0.64534 0.88296 0.94872) |
| ProPhoto RGB | color(prophoto-rgb 0.67979 0.82818 0.925) |
| sRGB เชิงเส้น | color(srgb-linear 0.23074 0.76052 0.89627) |
| XYZ D65 | color(xyz-d65 0.52887 0.65767 0.94704) |
| XYZ D50 | color(xyz-d50 0.52177 0.65088 0.71707) |
| SwiftUI | Color(red: 0.518, green: 0.886, blue: 0.953) |
| UIKit | UIColor(red: 0.518, green: 0.886, blue: 0.953, alpha: 1) |
| Flutter / Compose | Color(0xFF84E2F3) |
| Android XML | #84E2F3 |

## ข้อมูล

- ชื่อที่ใกล้ที่สุด: โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว
- กลุ่มสี: สีฟ้าอมเขียว, โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว
- คลาส Tailwind ที่ใกล้ที่สุด: cyan-300
- ขอบเขตสี: อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ
- คอนทราสต์กับสีขาว: 1.48:1
- คอนทราสต์กับสีดำ: 14.15:1

## สีผสมขาว (Tint)

#84e2f3, #92e5f4, #a0e8f6, #adebf7, #b9eef8, #c5f1f9, #d1f4fa, #ddf7fc, #e8fafd, #f4fcfe

## สีผสมดำ (Shade)

#84e2f3, #72c4d3, #60a8b4, #4f8c97, #3f717a, #2f575e, #203e44, #12272b, #061214, #010303

## สีผสมเทา (Tone)

#84e2f3, #8ee0f0, #97dfec, #9fdde9, #a7dce6, #afdae2, #b6d8df, #bdd7db, #c4d5d8, #cbd3d4

## ชุดสีที่เข้ากัน

- คู่ตรงข้าม: #84e2f3, #ffbbad
- คู่ตรงข้ามแยก: #84e2f3, #ffb8ce, #fec393
- ข้างเคียง: #84e2f3, #89e5d4, #99daff
- สามเส้า: #84e2f3, #f5bcee, #e8cf8a
- สี่เหลี่ยมผืนผ้า: #84e2f3, #bbcfff, #ffbbad, #e8cf8a
- สี่เหลี่ยมจัตุรัส: #84e2f3, #dbc4ff, #ffbbad, #c9db96
- โทนสีเดียว: #84e2f3, #3295a5, #5cbbcb, #c1ffff, #c1ffff

## คำถามเกี่ยวกับ #84e2f3

### #84e2f3 คือสีอะไร

#84e2f3 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(132, 226, 243) ใน HSL คือ hsl(189.19, 82.22%, 73.53%) และใน OKLCH คือ oklch(86.052% 0.09231 210.436)

### สีอะไรเข้ากับ #84e2f3

สีตรงข้ามของ #84e2f3 คือ #ffbbad หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #89e5d4 และ #99daff ส่วนสีสามเส้าคือ #f5bcee และ #e8cf8a

### ตัวอักษรสีขาวหรือสีดำอ่านง่ายกว่าบน #84e2f3

ตัวอักษรสีดำอ่านง่ายกว่าบน #84e2f3: สีขาวให้อัตราคอนทราสต์ 1.48:1 และสีดำให้ 14.15:1 เกณฑ์ WCAG AA กำหนดให้ข้อความเนื้อหามีอย่างน้อย 4.5:1

### #84e2f3 เป็นสีโทนร้อนหรือโทนเย็น

#84e2f3 เป็นสีโทนเย็น ใน OKLCH มีฮิว 210 องศา ความสว่าง 86.1% และความสด 0.092