Adlandırılmış renk · #00657F
Ocean Depths
Ocean Depths, #00657F: rgb(0 101 127), hsl(192 100% 25%), oklch(0.471 0.088 223.4). 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 Depths color name →
#00657F
oklch(0.471 0.088 223.4)
Renk dönüşümleri
- HEX
- #00657f
- RGB
- rgb(0 101 127)
- HSL
- hsl(192 100% 25%)
- HWB
- hwb(192 0% 50%)
- OKLCH
- oklch(0.471 0.088 223.4)
- OKLab
- oklab(0.471 -0.064 -0.06)
- CIE Lab
- lab(38.93 -18.24 -22.06)
- LCH
- lch(38.93 28.62 230.4)
- CMYK
- cmyk(100% 20% 0% 50%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2C748B
- 478398
- 5E91A4
- 75A1B1
- 8CB0BE
- A3BFCB
- B9CFD8
- D0DFE5
- E8EFF2
Koyu tonlar
- 00576E
- 00495D
- 003C4C
- 002F3C
- 00222D
- 00171F
- 000C11
- 000306
- 000001
Gri tonlar
- 1E687F
- 2E6B80
- 3B6E80
- 467180
- 517380
- 5B7680
- 657980
- 6E7B80
- 777E80
Renk uyumları
Tamamlayıcı +180°
- 00657F
Ocean Depths
- 834930
≈ Hammered Copper
Analog -30° +30°
- 00657F
Ocean Depths
- 006968
≈ Chinese Garden
- 355D8B
≈ Moroccan Resort
Üçlü +120° +240°
- 00657F
Ocean Depths
- 7D4668
≈ Vivacious Violet
- 645D17
≈ Brussels Sprout Green
Bölünmüş tamamlayıcı +150° +210°
- 00657F
Ocean Depths
- 85454C
≈ Red Elegance
- 785218
≈ Lizard Brown
Dörtlü +90° +180° +270°
- 00657F
Ocean Depths
- 6C4B7E
≈ Cabbage Blossom Violet
- 834930
≈ Hammered Copper
- 466530
≈ Dell
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.62:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.16:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.62:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--ocean-depths: #00657f;
--ocean-depths-rgb: 0 101 127;
--ocean-depths-oklch: oklch(0.471 0.088 223.4);
}
.element {
color: var(--ocean-depths);
background-color: hsl(192 100% 25%);
border-color: oklch(0.471 0.088 223.4);
}Tailwind CSS v4
@theme {
--color-ocean-depths: #00657f;
--color-ocean-depths-50: #dcfbff;
--color-ocean-depths-100: #caeffe;
--color-ocean-depths-200: #adddf1;
--color-ocean-depths-300: #86c1da;
--color-ocean-depths-400: #60aac5;
--color-ocean-depths-500: #3593b1;
--color-ocean-depths-600: #2f7c95;
--color-ocean-depths-700: #266378;
--color-ocean-depths-800: #184958;
--color-ocean-depths-900: #10333d;
--color-ocean-depths-950: #021e27;
}SCSS
$ocean-depths: #00657f;
$ocean-depths-rgb: 0, 101, 127;
$ocean-depths-light: mix(#fff, $ocean-depths, 20%);
$ocean-depths-dark: mix(#000, $ocean-depths, 20%);
.element {
color: $ocean-depths;
box-shadow: 0 0 0 2px rgba($ocean-depths, 0.35);
}