Nazwany kolor · #00576F
Subaqueous
Subaqueous to #00576F: rgb(0 87 111), hsl(193 100% 22%), oklch(0.425 0.08 224.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Subaqueous color name →
#00576F
oklch(0.425 0.08 224.6)
Konwersje koloru
- HEX
- #00576f
- RGB
- rgb(0 87 111)
- HSL
- hsl(193 100% 22%)
- HWB
- hwb(193 0% 56%)
- OKLCH
- oklch(0.425 0.08 224.6)
- OKLab
- oklab(0.425 -0.057 -0.056)
- CIE Lab
- lab(33.55 -16.07 -20.54)
- LCH
- lch(33.55 26.08 232)
- CMYK
- cmyk(100% 22% 0% 56%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 28677D
- 42778B
- 5A8799
- 7197A7
- 88A8B5
- 9FB9C4
- B7CAD2
- CEDCE1
- E7EDF0
Odcienie ciemniejsze
- 004B60
- 003E51
- 003342
- 002734
- 001C27
- 00121A
- 00080E
- 000304
- 000001
Tony
- 1B5B71
- 2A6073
- 376475
- 436876
- 4E6C78
- 58707A
- 62747B
- 6C787D
- 767C7F
Harmonie kolorów
Komplementarna +180°
- 00576F
Subaqueous
- 723F27
≈ Peruvian Soil
Analogowa -30° +30°
- 00576F
Subaqueous
- 005A5A
≈ Deep Sea Green
- 2E5079
≈ Slumber
Triada +120° +240°
- 00576F
Subaqueous
- 6D3B59
≈ Royal Lines
- 555012
≈ Scorzonera Brown
Komplementarna rozszczepiona +150° +210°
- 00576F
Subaqueous
- 743A40
≈ Queen’s Rose
- 684712
≈ Very Coffee
Tetrada +90° +180° +270°
- 00576F
Subaqueous
- 5F406D
≈ Grape Popsicle
- 723F27
≈ Peruvian Soil
- 3B5829
≈ Parsley
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.09:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.59:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.09:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--subaqueous: #00576f;
--subaqueous-rgb: 0 87 111;
--subaqueous-oklch: oklch(0.425 0.08 224.6);
}
.element {
color: var(--subaqueous);
background-color: hsl(193 100% 22%);
border-color: oklch(0.425 0.08 224.6);
}Tailwind CSS v4
@theme {
--color-subaqueous: #00576f;
--color-subaqueous-50: #defaff;
--color-subaqueous-100: #cdeefd;
--color-subaqueous-200: #b1dcef;
--color-subaqueous-300: #8bc0d7;
--color-subaqueous-400: #67a9c2;
--color-subaqueous-500: #4291ae;
--color-subaqueous-600: #397b93;
--color-subaqueous-700: #2d6276;
--color-subaqueous-800: #1e4856;
--color-subaqueous-900: #14323c;
--color-subaqueous-950: #051e26;
}SCSS
$subaqueous: #00576f;
$subaqueous-rgb: 0, 87, 111;
$subaqueous-light: mix(#fff, $subaqueous, 20%);
$subaqueous-dark: mix(#000, $subaqueous, 20%);
.element {
color: $subaqueous;
box-shadow: 0 0 0 2px rgba($subaqueous, 0.35);
}