Nächste benannte Farbe · #00596F
#00596F
Nächste benannte Farbe: Sea Creature
#00596F (rgb(0 89 111), hsl(192 100% 22%), oklch(0.43 0.08 222.1)) liegt am nächsten an der benannten Farbe Sea Creature. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#00596F
oklch(0.43 0.08 222.1)
Farbumrechnungen
- HEX
- #00596f
- RGB
- rgb(0 89 111)
- HSL
- hsl(192 100% 22%)
- HWB
- hwb(192 0% 56%)
- OKLCH
- oklch(0.43 0.08 222.1)
- OKLab
- oklab(0.43 -0.059 -0.053)
- CIE Lab
- lab(34.24 -17.1 -19.48)
- LCH
- lch(34.24 25.92 228.7)
- CMYK
- cmyk(100% 20% 0% 56%)
Tints · Shades · Tones
Tints
- 29697D
- 43788B
- 5A8899
- 7299A7
- 89A9B5
- A0BAC4
- B7CBD2
- CFDCE1
- E7EDF0
Shades
- 004C60
- 004051
- 003442
- 002834
- 001D27
- 00131A
- 00090E
- 000304
- 000001
Tones
- 1B5D71
- 2B6173
- 386575
- 436976
- 4E6D78
- 59717A
- 63757B
- 6D797D
- 767C7F
Farbharmonien
Komplementär +180°
- 00596F
Sea Creature
- 74402B
≈ Cowboy Suede
Analog -30° +30°
- 00596F
Sea Creature
- 005C5A
≈ Dark Turquoise
- 2D527A
≈ Slumber
Triadisch +120° +240°
- 00596F
Sea Creature
- 6D3D5C
≈ Royal Lines
- 595114
≈ Scorzonera Brown
Geteilt komplementär +150° +210°
- 00596F
Sea Creature
- 753C44
≈ Garnet Evening
- 6A4816
≈ Antique Brass
Tetradisch +90° +180° +270°
- 00596F
Sea Creature
- 5E426F
≈ Grape Popsicle
- 74402B
≈ Cowboy Suede
- 3F5929
≈ Turf
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.89:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.65:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 7.89:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--sea-creature: #00596f;
--sea-creature-rgb: 0 89 111;
--sea-creature-oklch: oklch(0.43 0.08 222.1);
}
.element {
color: var(--sea-creature);
background-color: hsl(192 100% 22%);
border-color: oklch(0.43 0.08 222.1);
}Tailwind CSS v4
@theme {
--color-sea-creature: #00596f;
--color-sea-creature-50: #defbff;
--color-sea-creature-100: #cdeefc;
--color-sea-creature-200: #b0dcee;
--color-sea-creature-300: #8bc1d6;
--color-sea-creature-400: #67a9c0;
--color-sea-creature-500: #4192ac;
--color-sea-creature-600: #387b91;
--color-sea-creature-700: #2d6374;
--color-sea-creature-800: #1e4955;
--color-sea-creature-900: #14323c;
--color-sea-creature-950: #051e25;
}SCSS
$sea-creature: #00596f;
$sea-creature-rgb: 0, 89, 111;
$sea-creature-light: mix(#fff, $sea-creature, 20%);
$sea-creature-dark: mix(#000, $sea-creature, 20%);
.element {
color: $sea-creature;
box-shadow: 0 0 0 2px rgba($sea-creature, 0.35);
}