Màu có tên gần nhất · #C8FFFF
#C8FFFF
Màu có tên gần nhất: Friendly Frost
#C8FFFF (rgb(200 255 255), hsl(180 100% 89%), oklch(0.963 0.055 196.3)) gần nhất với màu có tên Friendly Frost. 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.
#C8FFFF
oklch(0.963 0.055 196.3)
Chuyển đổi màu
- HEX
- #c8ffff
- RGB
- rgb(200 255 255)
- HSL
- hsl(180 100% 89%)
- HWB
- hwb(180 78% 0%)
- OKLCH
- oklch(0.963 0.055 196.3)
- OKLab
- oklab(0.963 -0.053 -0.016)
- CIE Lab
- lab(96.25 -17.93 -6)
- LCH
- lch(96.25 18.91 198.5)
- CMYK
- cmyk(22% 0% 0% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CEFFFF
- D4FFFF
- D9FFFF
- DFFFFF
- E5FFFF
- EAFFFF
- EFFFFF
- F5FFFF
- FAFFFF
Sắc đậm
- AEDEDE
- 94BEBE
- 7B9E9E
- 638080
- 4C6363
- 364848
- 212E2E
- 0F1616
- 020303
Sắc xám
- C1F2F2
- BAE4E4
- B3D7D7
- ABCACA
- A4BEBE
- 9DB1B1
- 96A4A4
- 8F9898
- 878C8C
Hòa sắc
Bổ túc +180°
- C8FFFF
Friendly Frost
- FFEEEE
≈ White Gloss
Tương đồng -30° +30°
- C8FFFF
Friendly Frost
- D1FFEB
≈ Mint Coffee
- E3F6FF
≈ Kodama White
Bộ ba +120° +240°
- C8FFFF
Friendly Frost
- FAEEFF
≈ Lovely Euphoric Delight
- FFF0DC
≈ Peach Cream
Bổ túc chia +150° +210°
- C8FFFF
Friendly Frost
- FFEDF6
≈ Partial Pink
- FFEFE8
≈ Strawberry Dust
Bộ bốn +90° +180° +270°
- C8FFFF
Friendly Frost
- F1F1FF
≈ Cloud Break
- FFEEEE
≈ White Gloss
- F7F6CB
≈ Electric Arc
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.09:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 19.20:1 · APCA Lc 101
Màu chữ tốt nhất: #000000
WCAG 19.20:1 (AAA) · APCA Lc 101
Contrast pairs
Đoạn mã
CSS
:root {
--friendly-frost: #c8ffff;
--friendly-frost-rgb: 200 255 255;
--friendly-frost-oklch: oklch(0.963 0.055 196.3);
}
.element {
color: var(--friendly-frost);
background-color: hsl(180 100% 89%);
border-color: oklch(0.963 0.055 196.3);
}Tailwind CSS v4
@theme {
--color-friendly-frost: #c8ffff;
--color-friendly-frost-50: #e4fafb;
--color-friendly-frost-100: #d4eeef;
--color-friendly-frost-200: #badcdd;
--color-friendly-frost-300: #97c1c2;
--color-friendly-frost-400: #77a9a9;
--color-friendly-frost-500: #589292;
--color-friendly-frost-600: #4b7b7c;
--color-friendly-frost-700: #3c6363;
--color-friendly-frost-800: #2a4948;
--color-friendly-frost-900: #1d3232;
--color-friendly-frost-950: #0c1e1e;
}SCSS
$friendly-frost: #c8ffff;
$friendly-frost-rgb: 200, 255, 255;
$friendly-frost-light: mix(#fff, $friendly-frost, 20%);
$friendly-frost-dark: mix(#000, $friendly-frost, 20%);
.element {
color: $friendly-frost;
box-shadow: 0 0 0 2px rgba($friendly-frost, 0.35);
}