Màu có tên gần nhất · #00CFC4
#00CFC4
Màu có tên gần nhất: Pristine Oceanic
#00CFC4 (rgb(0 207 196), hsl(177 100% 41%), oklch(0.77 0.134 188)) gần nhất với màu có tên Pristine Oceanic. 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.
#00CFC4
oklch(0.77 0.134 188)
Chuyển đổi màu
- HEX
- #00cfc4
- RGB
- rgb(0 207 196)
- HSL
- hsl(177 100% 41%)
- HWB
- hwb(177 0% 19%)
- OKLCH
- oklch(0.77 0.134 188)
- OKLab
- oklab(0.77 -0.133 -0.019)
- CIE Lab
- lab(74.87 -45.78 -7.3)
- LCH
- lch(74.87 46.36 189.1)
- CMYK
- cmyk(100% 0% 5% 19%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 45D4CA
- 64D9D0
- 7CDED5
- 92E3DB
- A6E8E1
- B9EDE7
- CBF1ED
- DDF6F3
- EEFBF9
Sắc đậm
- 00B4AA
- 009991
- 007F78
- 006761
- 004F4A
- 003835
- 002321
- 00100E
- 000202
Sắc xám
- 32C7BD
- 46BFB6
- 54B7AF
- 5FAFA8
- 67A8A1
- 6EA09B
- 749894
- 79908D
- 7D8887
Hòa sắc
Bổ túc +180°
- 00CFC4
Pristine Oceanic
- FC8EA4
≈ Bunny Fluff
Tương đồng -30° +30°
- 00CFC4
Pristine Oceanic
- 5ECE93
≈ Van Gogh Green
- 1FC8ED
≈ Picnic Day Sky
Bộ ba +120° +240°
- 00CFC4
Pristine Oceanic
- CC9CF6
≈ Baby Purple
- ECA34B
≈ Golden Koi
Bổ túc chia +150° +210°
- 00CFC4
Pristine Oceanic
- EB91D2
≈ Mayflower Orchid
- FC9474
≈ Hibiscus Delight
Bộ bốn +90° +180° +270°
- 00CFC4
Pristine Oceanic
- A3ACFF
≈ Shy Moment
- FC8EA4
≈ Bunny Fluff
- CBB542
≈ Old Gold
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.95:1 · APCA Lc 37
Ag
AAATrên nền đen
WCAG 10.72:1 · APCA Lc 65
Màu chữ tốt nhất: #000000
WCAG 10.72:1 (AAA) · APCA Lc 65
Contrast pairs
Đoạn mã
CSS
:root {
--pristine-oceanic: #00cfc4;
--pristine-oceanic-rgb: 0 207 196;
--pristine-oceanic-oklch: oklch(0.77 0.134 188);
}
.element {
color: var(--pristine-oceanic);
background-color: hsl(177 100% 41%);
border-color: oklch(0.77 0.134 188);
}Tailwind CSS v4
@theme {
--color-pristine-oceanic: #00cfc4;
--color-pristine-oceanic-50: #cafffe;
--color-pristine-oceanic-100: #b4f7f2;
--color-pristine-oceanic-200: #8de7e1;
--color-pristine-oceanic-300: #56cdc6;
--color-pristine-oceanic-400: #00b7ad;
--color-pristine-oceanic-500: #00a197;
--color-pristine-oceanic-600: #00887f;
--color-pristine-oceanic-700: #006d66;
--color-pristine-oceanic-800: #005049;
--color-pristine-oceanic-900: #003833;
--color-pristine-oceanic-950: #00221f;
}SCSS
$pristine-oceanic: #00cfc4;
$pristine-oceanic-rgb: 0, 207, 196;
$pristine-oceanic-light: mix(#fff, $pristine-oceanic, 20%);
$pristine-oceanic-dark: mix(#000, $pristine-oceanic, 20%);
.element {
color: $pristine-oceanic;
box-shadow: 0 0 0 2px rgba($pristine-oceanic, 0.35);
}