Najbliższy nazwany kolor · #005766
#005766
Najbliższy nazwany kolor: Abyssal Waters
#005766 (rgb(0 87 102), hsl(189 100% 20%), oklch(0.42 0.074 214.6)) jest najbliższy nazwanemu kolorowi Abyssal Waters. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#005766
oklch(0.42 0.074 214.6)
Konwersje koloru
- HEX
- #005766
- RGB
- rgb(0 87 102)
- HSL
- hsl(189 100% 20%)
- HWB
- hwb(189 0% 60%)
- OKLCH
- oklch(0.42 0.074 214.6)
- OKLab
- oklab(0.42 -0.061 -0.042)
- CIE Lab
- lab(33.22 -18.84 -15.46)
- LCH
- lch(33.22 24.38 219.4)
- CMYK
- cmyk(100% 15% 0% 60%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 286774
- 427783
- 5A8792
- 7197A1
- 88A8B0
- 9FB9BF
- B7CACF
- CEDCDF
- E7EDEF
Odcienie ciemniejsze
- 004B58
- 003E4A
- 00333C
- 00272F
- 001C23
- 001217
- 00080C
- 000304
- 000000
Tony
- 1B5B69
- 2A5F6B
- 37646E
- 436871
- 4E6C73
- 587076
- 627478
- 6C787B
- 767C7E
Harmonie kolorów
Komplementarna +180°
- 005766
Abyssal Waters
- 703D31
≈ Metallic Copper
Analogowa -30° +30°
- 005766
Abyssal Waters
- 005A52
≈ Baltic Prince
- 265173
≈ Midnight Sonata
Triada +120° +240°
- 005766
Abyssal Waters
- 663D5D
≈ Royal Plum
- 5A4C16
≈ Bronze Olive
Komplementarna rozszczepiona +150° +210°
- 005766
Abyssal Waters
- 6E3B48
≈ Ripening Grape
- 69441D
≈ Florida’s Alligator
Tetrada +90° +180° +270°
- 005766
Abyssal Waters
- 56426E
≈ Haunted Candelabra
- 703D31
≈ Metallic Copper
- 445424
≈ Verdun Green
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.21:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.55:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.21:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--abyssal-waters: #005766;
--abyssal-waters-rgb: 0 87 102;
--abyssal-waters-oklch: oklch(0.42 0.074 214.6);
}
.element {
color: var(--abyssal-waters);
background-color: hsl(189 100% 20%);
border-color: oklch(0.42 0.074 214.6);
}Tailwind CSS v4
@theme {
--color-abyssal-waters: #005766;
--color-abyssal-waters-50: #dffbff;
--color-abyssal-waters-100: #cdeff8;
--color-abyssal-waters-200: #b1dde9;
--color-abyssal-waters-300: #8cc1d0;
--color-abyssal-waters-400: #69aaba;
--color-abyssal-waters-500: #4393a5;
--color-abyssal-waters-600: #3a7c8b;
--color-abyssal-waters-700: #2e636f;
--color-abyssal-waters-800: #204951;
--color-abyssal-waters-900: #153339;
--color-abyssal-waters-950: #061e23;
}SCSS
$abyssal-waters: #005766;
$abyssal-waters-rgb: 0, 87, 102;
$abyssal-waters-light: mix(#fff, $abyssal-waters, 20%);
$abyssal-waters-dark: mix(#000, $abyssal-waters, 20%);
.element {
color: $abyssal-waters;
box-shadow: 0 0 0 2px rgba($abyssal-waters, 0.35);
}