Màu có tên gần nhất · #C0D9FF
#C0D9FF
Màu có tên gần nhất: Frost Fairy
#C0D9FF (rgb(192 217 255), hsl(216 100% 88%), oklch(0.879 0.059 258.7)) gần nhất với màu có tên Frost Fairy. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#C0D9FF
oklch(0.879 0.059 258.7)
Chuyển đổi màu
- HEX
- #c0d9ff
- RGB
- rgb(192 217 255)
- HSL
- hsl(216 100% 88%)
- HWB
- hwb(216 75% 0%)
- OKLCH
- oklch(0.879 0.059 258.7)
- OKLab
- oklab(0.879 -0.012 -0.058)
- CIE Lab
- lab(85.77 -2.49 -21.55)
- LCH
- lch(85.77 21.7 263.4)
- CMYK
- cmyk(25% 15% 0% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C6DDFF
- CDE1FF
- D3E4FF
- D9E8FF
- DFECFF
- E6F0FF
- ECF4FF
- F2F7FF
- F9FBFF
Sắc đậm
- A7BCDE
- 8EA1BE
- 76869E
- 5F6C80
- 495363
- 343B48
- 20252E
- 0E1116
- 020203
Sắc xám
- B9D0F2
- B3C7E5
- ACBED8
- A6B5CB
- A0ACBE
- 99A3B1
- 939AA5
- 8D9198
- 86898C
Hòa sắc
Bổ túc +180°
- C0D9FF
Frost Fairy
- EDD3AC
≈ Givry
Tương đồng -30° +30°
- C0D9FF
Frost Fairy
- AFE0F7
≈ Fairy Sparkles
- D5D2FD
≈ Pale Lavender
Bộ ba +120° +240°
- C0D9FF
Frost Fairy
- FCC8C8
≈ Sunday Best
- C4E1BC
≈ Ambrosia
Bổ túc chia +150° +210°
- C0D9FF
Frost Fairy
- F9CCB6
≈ Biscuit Cream
- DADBAE
≈ Spring Thyme
Bộ bốn +90° +180° +270°
- C0D9FF
Frost Fairy
- F6C8DE
≈ Laelia Pink
- EDD3AC
≈ Givry
- B2E4D0
≈ Crystal Rapids
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.43:1 · APCA Lc 21
Ag
AAATrên nền đen
WCAG 14.61:1 · APCA Lc 82
Màu chữ tốt nhất: #000000
WCAG 14.61:1 (AAA) · APCA Lc 82
Contrast pairs
Đoạn mã
CSS
:root {
--frost-fairy: #c0d9ff;
--frost-fairy-rgb: 192 217 255;
--frost-fairy-oklch: oklch(0.879 0.059 258.7);
}
.element {
color: var(--frost-fairy);
background-color: hsl(216 100% 88%);
border-color: oklch(0.879 0.059 258.7);
}Tailwind CSS v4
@theme {
--color-frost-fairy: #c0d9ff;
--color-frost-fairy-50: #ecf6ff;
--color-frost-fairy-100: #dde9fc;
--color-frost-fairy-200: #c6d5ee;
--color-frost-fairy-300: #a6b8d6;
--color-frost-fairy-400: #89a0c2;
--color-frost-fairy-500: #6e87ae;
--color-frost-fairy-600: #5e7393;
--color-frost-fairy-700: #4b5c76;
--color-frost-fairy-800: #354357;
--color-frost-fairy-900: #242e3d;
--color-frost-fairy-950: #131b26;
}SCSS
$frost-fairy: #c0d9ff;
$frost-fairy-rgb: 192, 217, 255;
$frost-fairy-light: mix(#fff, $frost-fairy, 20%);
$frost-fairy-dark: mix(#000, $frost-fairy, 20%);
.element {
color: $frost-fairy;
box-shadow: 0 0 0 2px rgba($frost-fairy, 0.35);
}