Adlandırılmış renk · #00576E
Submersible
Submersible, #00576E: rgb(0 87 110), hsl(193 100% 22%), oklch(0.424 0.079 223.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Submersible color name →
#00576E
oklch(0.424 0.079 223.6)
Renk dönüşümleri
- HEX
- #00576e
- RGB
- rgb(0 87 110)
- HSL
- hsl(193 100% 22%)
- HWB
- hwb(193 0% 57%)
- OKLCH
- oklch(0.424 0.079 223.6)
- OKLab
- oklab(0.424 -0.057 -0.055)
- CIE Lab
- lab(33.52 -16.39 -19.98)
- LCH
- lch(33.52 25.84 230.6)
- CMYK
- cmyk(100% 21% 0% 57%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 28677C
- 42778A
- 5A8798
- 7197A6
- 88A8B5
- 9FB9C3
- B7CAD2
- CEDCE1
- E7EDF0
Koyu tonlar
- 004B5F
- 003E50
- 003341
- 002733
- 001C26
- 001219
- 00080E
- 000304
- 000001
Gri tonlar
- 1B5B70
- 2A6072
- 376474
- 436876
- 4E6C78
- 587079
- 62747B
- 6C787D
- 767C7E
Renk uyumları
Tamamlayıcı +180°
- 00576E
Submersible
- 723F28
≈ Peruvian Soil
Analog -30° +30°
- 00576E
Submersible
- 005A59
≈ Deep Sea Green
- 2D5079
≈ Slumber
Üçlü +120° +240°
- 00576E
Submersible
- 6C3B59
≈ Royal Lines
- 565013
≈ Scorzonera Brown
Bölünmüş tamamlayıcı +150° +210°
- 00576E
Submersible
- 733B41
≈ Queen’s Rose
- 684713
≈ Very Coffee
Dörtlü +90° +180° +270°
- 00576E
Submersible
- 5E406D
≈ Grape Popsicle
- 723F28
≈ Peruvian Soil
- 3C5728
≈ Trefoil
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.11:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.58:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 8.11:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--submersible: #00576e;
--submersible-rgb: 0 87 110;
--submersible-oklch: oklch(0.424 0.079 223.6);
}
.element {
color: var(--submersible);
background-color: hsl(193 100% 22%);
border-color: oklch(0.424 0.079 223.6);
}Tailwind CSS v4
@theme {
--color-submersible: #00576e;
--color-submersible-50: #defbff;
--color-submersible-100: #cdeefc;
--color-submersible-200: #b1dcee;
--color-submersible-300: #8bc0d7;
--color-submersible-400: #68a9c1;
--color-submersible-500: #4292ad;
--color-submersible-600: #397b92;
--color-submersible-700: #2e6375;
--color-submersible-800: #1f4956;
--color-submersible-900: #14323c;
--color-submersible-950: #051e26;
}SCSS
$submersible: #00576e;
$submersible-rgb: 0, 87, 110;
$submersible-light: mix(#fff, $submersible, 20%);
$submersible-dark: mix(#000, $submersible, 20%);
.element {
color: $submersible;
box-shadow: 0 0 0 2px rgba($submersible, 0.35);
}