Benannte Farbe · #005765
Abyssal Waters
Abyssal Waters ist #005765: rgb(0 87 101), hsl(188 100% 20%), oklch(0.42 0.074 213.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Abyssal Waters color name →
#005765
oklch(0.42 0.074 213.3)
Farbumrechnungen
- HEX
- #005765
- RGB
- rgb(0 87 101)
- HSL
- hsl(188 100% 20%)
- HWB
- hwb(188 0% 60%)
- OKLCH
- oklch(0.42 0.074 213.3)
- OKLab
- oklab(0.42 -0.061 -0.04)
- CIE Lab
- lab(33.18 -19.14 -14.89)
- LCH
- lch(33.18 24.25 217.9)
- CMYK
- cmyk(100% 14% 0% 60%)
Tints · Shades · Tones
Tints
- 286773
- 427782
- 5A8791
- 7197A0
- 88A8AF
- 9FB9BF
- B7CACF
- CEDBDF
- E7EDEF
Shades
- 004B57
- 003E49
- 00333C
- 00272F
- 001C22
- 001217
- 00080C
- 000303
- 000000
Tones
- 1B5B68
- 2A5F6B
- 37646D
- 436870
- 4E6C73
- 587075
- 627478
- 6C787B
- 767C7D
Farbharmonien
Komplementär +180°
- 005765
Abyssal Waters
- 6F3D32
≈ Metallic Copper
Analog -30° +30°
- 005765
Abyssal Waters
- 035A51
≈ Baltic Prince
- 255172
≈ Midnight Sonata
Triadisch +120° +240°
- 005765
Abyssal Waters
- 653D5E
≈ Royal Plum
- 5B4C16
≈ Bronze Olive
Geteilt komplementär +150° +210°
- 005765
Abyssal Waters
- 6E3B49
≈ Grapeshot
- 69431E
≈ Florida’s Alligator
Tetradisch +90° +180° +270°
- 005765
Abyssal Waters
- 55436E
≈ Haunted Candelabra
- 6F3D32
≈ Metallic Copper
- 455423
≈ Verdun Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.23:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.55:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.23:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--abyssal-waters: #005765;
--abyssal-waters-rgb: 0 87 101;
--abyssal-waters-oklch: oklch(0.42 0.074 213.3);
}
.element {
color: var(--abyssal-waters);
background-color: hsl(188 100% 20%);
border-color: oklch(0.42 0.074 213.3);
}Tailwind CSS v4
@theme {
--color-abyssal-waters: #005765;
--color-abyssal-waters-50: #dffbff;
--color-abyssal-waters-100: #cdeff7;
--color-abyssal-waters-200: #b1dde8;
--color-abyssal-waters-300: #8cc2cf;
--color-abyssal-waters-400: #69aab9;
--color-abyssal-waters-500: #4493a3;
--color-abyssal-waters-600: #3b7c8a;
--color-abyssal-waters-700: #2f636f;
--color-abyssal-waters-800: #204951;
--color-abyssal-waters-900: #153338;
--color-abyssal-waters-950: #061e23;
}SCSS
$abyssal-waters: #005765;
$abyssal-waters-rgb: 0, 87, 101;
$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);
}