Nächste benannte Farbe · #00565A
#00565A
Nächste benannte Farbe: Beau Vert
#00565A (rgb(0 86 90), hsl(183 100% 18%), oklch(0.412 0.07 200.3)) liegt am nächsten an der benannten Farbe Beau Vert. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#00565A
oklch(0.412 0.07 200.3)
Farbumrechnungen
- HEX
- #00565a
- RGB
- rgb(0 86 90)
- HSL
- hsl(183 100% 18%)
- HWB
- hwb(183 0% 65%)
- OKLCH
- oklch(0.412 0.07 200.3)
- OKLab
- oklab(0.412 -0.066 -0.024)
- CIE Lab
- lab(32.46 -21.85 -9.1)
- LCH
- lch(32.46 23.67 202.6)
- CMYK
- cmyk(100% 4% 0% 65%)
Tints · Shades · Tones
Tints
- 286669
- 427679
- 598688
- 709698
- 87A7A9
- 9FB8BA
- B6CACB
- CEDBDC
- E6EDED
Shades
- 004A4D
- 003E41
- 003235
- 002729
- 001C1E
- 001213
- 000809
- 000203
- 000000
Tones
- 1A5A5E
- 2A5F62
- 376365
- 426769
- 4D6B6D
- 586F71
- 627474
- 6C7878
- 767C7C
Farbharmonien
Komplementär +180°
- 00565A
Beau Vert
- 6C3A3B
≈ Plum Sauce
Analog -30° +30°
- 00565A
Beau Vert
- 185745
≈ Rousseau Green
- 19526A
≈ Blue Palisade
Triadisch +120° +240°
- 00565A
Beau Vert
- 5C3E62
≈ When Blue Met Red
- 5F4618
≈ Mud Brown
Geteilt komplementär +150° +210°
- 00565A
Beau Vert
- 673A50
≈ Primitive Plum
- 693F26
≈ Van Dyke Brown
Tetradisch +90° +180° +270°
- 00565A
Beau Vert
- 4B446E
≈ Izmir Purple
- 6C3A3B
≈ Plum Sauce
- 4D4E1D
≈ Army Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.47:1 · APCA Lc 89
Ag
FailAuf Schwarz
WCAG 2.47:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.47:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--beau-vert: #00565a;
--beau-vert-rgb: 0 86 90;
--beau-vert-oklch: oklch(0.412 0.07 200.3);
}
.element {
color: var(--beau-vert);
background-color: hsl(183 100% 18%);
border-color: oklch(0.412 0.07 200.3);
}Tailwind CSS v4
@theme {
--color-beau-vert: #00565a;
--color-beau-vert-50: #dffcfe;
--color-beau-vert-100: #ceeff2;
--color-beau-vert-200: #b2dee1;
--color-beau-vert-300: #8dc3c7;
--color-beau-vert-400: #6aabaf;
--color-beau-vert-500: #469499;
--color-beau-vert-600: #3c7d81;
--color-beau-vert-700: #306467;
--color-beau-vert-800: #214a4b;
--color-beau-vert-900: #163334;
--color-beau-vert-950: #071f20;
}SCSS
$beau-vert: #00565a;
$beau-vert-rgb: 0, 86, 90;
$beau-vert-light: mix(#fff, $beau-vert, 20%);
$beau-vert-dark: mix(#000, $beau-vert, 20%);
.element {
color: $beau-vert;
box-shadow: 0 0 0 2px rgba($beau-vert, 0.35);
}