# สี #97e4bc: โทนพาสเทล เฉดอ่อนมากของสีเขียวมรกต

#97e4bc คือ rgb(151, 228, 188) ใน RGB และ oklch(85.773% 0.0949 160.865) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #97e4bc |
| RGB | rgb(151, 228, 188) |
| HSL | hsl(148.83, 58.78%, 74.31%) |
| HSB / HSV | hsv(148.83 33.77% 89.41%) |
| HWB | hwb(148.83 59.22% 10.59%) |
| CMYK | cmyk(34% 0% 18% 11%) |
| Lab | lab(84.77 -31.13 11.71) |
| LCH | lch(84.77 33.26 159.39) |
| OKLab | oklab(85.773% -0.08966 0.03111) |
| OKLCH | oklch(85.773% 0.0949 160.865) |
| Display P3 | color(display-p3 0.65935 0.88618 0.74796) |
| Rec. 2020 | color(rec2020 0.68439 0.86099 0.72241) |
| Adobe RGB | color(a98-rgb 0.6901 0.89099 0.73896) |
| ProPhoto RGB | color(prophoto-rgb 0.67328 0.83464 0.70406) |
| sRGB เชิงเส้น | color(srgb-linear 0.30947 0.77582 0.50289) |
| XYZ D65 | color(xyz-d65 0.49581 0.65695 0.57647) |
| XYZ D50 | color(xyz-d50 0.50571 0.65552 0.43874) |
| SwiftUI | Color(red: 0.592, green: 0.894, blue: 0.737) |
| UIKit | UIColor(red: 0.592, green: 0.894, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF97E4BC) |
| Android XML | #97E4BC |

## ข้อมูล

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

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

#97e4bc, #a2e7c3, #adeac9, #b8ecd0, #c3efd7, #cdf2dd, #d7f5e4, #e1f7eb, #ebfaf1, #f5fcf8

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

#97e4bc, #83c6a3, #6fa98b, #5c8d73, #49725d, #375847, #263f32, #17281f, #08120d, #010302

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

#97e4bc, #9ee2be, #a4e0c0, #aadec2, #b0dcc4, #b6dac6, #bcd8c8, #c1d6ca, #c6d4cc, #cbd2ce

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

- คู่ตรงข้าม: #97e4bc, #fcb8e3
- คู่ตรงข้ามแยก: #97e4bc, #e4bfff, #ffb7c1
- ข้างเคียง: #97e4bc, #bbde9c, #80e4df
- สามเส้า: #97e4bc, #c5caff, #ffbca0
- สี่เหลี่ยมผืนผ้า: #97e4bc, #85dffc, #fcb8e3, #ffbca0
- สี่เหลี่ยมจัตุรัส: #97e4bc, #a2d5ff, #fcb8e3, #f8c68b
- โทนสีเดียว: #97e4bc, #4b9773, #71bd97, #c6ffe4, #c6ffe4

## คำถามเกี่ยวกับ #97e4bc

### #97e4bc คือสีอะไร

#97e4bc เป็นโทนพาสเทล เฉดอ่อนมากของสีเขียวมรกต ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีเขียวมรกต ใน RGB คือ rgb(151, 228, 188) ใน HSL คือ hsl(148.83, 58.78%, 74.31%) และใน OKLCH คือ oklch(85.773% 0.0949 160.865)

### สีอะไรเข้ากับ #97e4bc

สีตรงข้ามของ #97e4bc คือ #fcb8e3 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #bbde9c และ #80e4df ส่วนสีสามเส้าคือ #c5caff และ #ffbca0

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

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

### #97e4bc เป็นสีโทนร้อนหรือโทนเย็น

#97e4bc เป็นสีโทนเย็น ใน OKLCH มีฮิว 161 องศา ความสว่าง 85.8% และความสด 0.095