Adlandırılmış renk · #016072
Ocean Radiance
Ocean Radiance, #016072: rgb(1 96 114), hsl(190 98% 23%), oklch(0.451 0.08 216.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Ocean Radiance color name →
#016072
oklch(0.451 0.08 216.5)
Renk dönüşümleri
- HEX
- #016072
- RGB
- rgb(1 96 114)
- HSL
- hsl(190 98% 23%)
- HWB
- hwb(190 0% 55%)
- OKLCH
- oklch(0.451 0.08 216.5)
- OKLab
- oklab(0.451 -0.064 -0.048)
- CIE Lab
- lab(36.77 -19.6 -17.46)
- LCH
- lch(36.77 26.25 221.7)
- CMYK
- cmyk(99% 16% 0% 55%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2B6F7F
- 457E8D
- 5D8E9B
- 749DA9
- 8BADB7
- A1BDC5
- B8CDD3
- D0DEE2
- E7EEF0
Koyu tonlar
- 015262
- 014553
- 003844
- 002C36
- 002028
- 00151B
- 000A0E
- 000304
- 000001
Gri tonlar
- 1D6374
- 2D6775
- 3A6A77
- 456D78
- 507179
- 5A747B
- 64777C
- 6D7A7D
- 777D7F
Renk uyumları
Tamamlayıcı +180°
- 016072
Ocean Radiance
- 7B4435
≈ Peanut
Analog -30° +30°
- 016072
Ocean Radiance
- 00635C
≈ Dancing Peacock
- 2C597F
≈ Bahama Blue
Üçlü +120° +240°
- 016072
Ocean Radiance
- 714366
≈ Purple Drab
- 625519
≈ Olive Brown
Bölünmüş tamamlayıcı +150° +210°
- 016072
Ocean Radiance
- 7A414E
≈ Berry Bush
- 734C1F
≈ Vintage Wood
Dörtlü +90° +180° +270°
- 016072
Ocean Radiance
- 614978
≈ Impulsive Purple
- 7B4435
≈ Peanut
- 4A5D2A
≈ Obscure Olive
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.19:1 · APCA Lc 84
Ag
FailSiyah üzerinde
WCAG 2.91:1 · APCA Lc 18
En iyi metin rengi: #FFFFFF
WCAG 7.19:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--ocean-radiance: #016072;
--ocean-radiance-rgb: 1 96 114;
--ocean-radiance-oklch: oklch(0.451 0.08 216.5);
}
.element {
color: var(--ocean-radiance);
background-color: hsl(190 98% 23%);
border-color: oklch(0.451 0.08 216.5);
}Tailwind CSS v4
@theme {
--color-ocean-radiance: #016072;
--color-ocean-radiance-50: #ddfbff;
--color-ocean-radiance-100: #cbeffa;
--color-ocean-radiance-200: #afddeb;
--color-ocean-radiance-300: #88c2d3;
--color-ocean-radiance-400: #64aabd;
--color-ocean-radiance-500: #3c93a8;
--color-ocean-radiance-600: #347d8e;
--color-ocean-radiance-700: #2a6472;
--color-ocean-radiance-800: #1c4953;
--color-ocean-radiance-900: #12333a;
--color-ocean-radiance-950: #041f24;
}SCSS
$ocean-radiance: #016072;
$ocean-radiance-rgb: 1, 96, 114;
$ocean-radiance-light: mix(#fff, $ocean-radiance, 20%);
$ocean-radiance-dark: mix(#000, $ocean-radiance, 20%);
.element {
color: $ocean-radiance;
box-shadow: 0 0 0 2px rgba($ocean-radiance, 0.35);
}