En yakın adlandırılmış renk · #00D2D4
#00D2D4
En yakın adlandırılmış renk: Fish Boy
#00D2D4 (rgb(0 210 212), hsl(181 100% 42%), oklch(0.783 0.133 196)) en çok Fish Boy adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#00D2D4
oklch(0.783 0.133 196)
Renk dönüşümleri
- HEX
- #00d2d4
- RGB
- rgb(0 210 212)
- HSL
- hsl(181 100% 42%)
- HWB
- hwb(181 0% 17%)
- OKLCH
- oklch(0.783 0.133 196)
- OKLab
- oklab(0.783 -0.128 -0.037)
- CIE Lab
- lab(76.19 -43.29 -13.91)
- LCH
- lch(76.19 45.47 197.8)
- CMYK
- cmyk(100% 1% 0% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 46D7D8
- 65DCDD
- 7DE0E1
- 93E5E5
- A7EAEA
- BAEEEE
- CCF2F2
- DDF7F6
- EEFBFB
Koyu tonlar
- 00B6B8
- 009B9D
- 008183
- 006869
- 005051
- 00393A
- 002424
- 001010
- 000202
Gri tonlar
- 33CACB
- 47C2C3
- 55B9BA
- 5FB1B2
- 68A9A9
- 6FA1A1
- 749999
- 799090
- 7D8888
Renk uyumları
Tamamlayıcı +180°
- 00D2D4
Fish Boy
- FF959C
≈ Mad Pinker
Analog -30° +30°
- 00D2D4
Fish Boy
- 51D3A5
≈ Mint Jelly
- 3EC9F9
≈ Thor’s Thunder
Üçlü +120° +240°
- 00D2D4
Fish Boy
- DA9DF2
≈ Medium Lavender Magenta
- E9AB4A
≈ Optimist Gold
Bölünmüş tamamlayıcı +150° +210°
- 00D2D4
Fish Boy
- F594CA
≈ Pearly Pink
- FE9C6C
≈ Fresh Cantaloupe
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.88:1 · APCA Lc 35
Ag
AAASiyah üzerinde
WCAG 11.16:1 · APCA Lc 68
En iyi metin rengi: #000000
WCAG 11.16:1 (AAA) · APCA Lc 68
Contrast pairs
Kod parçacıkları
CSS
:root {
--fish-boy: #00d2d4;
--fish-boy-rgb: 0 210 212;
--fish-boy-oklch: oklch(0.783 0.133 196);
}
.element {
color: var(--fish-boy);
background-color: hsl(181 100% 42%);
border-color: oklch(0.783 0.133 196);
}Tailwind CSS v4
@theme {
--color-fish-boy: #00d2d4;
--color-fish-boy-50: #c9ffff;
--color-fish-boy-100: #b3f6f8;
--color-fish-boy-200: #8ce6e9;
--color-fish-boy-300: #54ccd0;
--color-fish-boy-400: #00b6b8;
--color-fish-boy-500: #00a0a3;
--color-fish-boy-600: #00878a;
--color-fish-boy-700: #006c6e;
--color-fish-boy-800: #005050;
--color-fish-boy-900: #003838;
--color-fish-boy-950: #002222;
}SCSS
$fish-boy: #00d2d4;
$fish-boy-rgb: 0, 210, 212;
$fish-boy-light: mix(#fff, $fish-boy, 20%);
$fish-boy-dark: mix(#000, $fish-boy, 20%);
.element {
color: $fish-boy;
box-shadow: 0 0 0 2px rgba($fish-boy, 0.35);
}