Nächste benannte Farbe · #91D0B2
#91D0B2
Nächste benannte Farbe: Cabbage
#91D0B2 (rgb(145 208 178), hsl(151 40% 69%), oklch(0.806 0.077 163.5)) liegt am nächsten an der benannten Farbe Cabbage. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#91D0B2
oklch(0.806 0.077 163.5)
Farbumrechnungen
- HEX
- #91d0b2
- RGB
- rgb(145 208 178)
- HSL
- hsl(151 40% 69%)
- HWB
- hwb(151 57% 18%)
- OKLCH
- oklch(0.806 0.077 163.5)
- OKLab
- oklab(0.806 -0.074 0.022)
- CIE Lab
- lab(78.59 -25.68 8.21)
- LCH
- lch(78.59 26.96 162.3)
- CMYK
- cmyk(30% 0% 14% 18%)
Tints · Shades · Tones
Tints
- 9CD5BA
- A8D9C1
- B3DEC9
- BEE3D0
- C9E8D8
- D4ECE0
- DFF1E7
- E9F6EF
- F4FAF7
Shades
- 7DB59A
- 6A9A83
- 58806D
- 466757
- 354F43
- 25392F
- 15231D
- 07100C
- 010201
Tones
- 90C8AD
- 8FC0A8
- 8DB7A3
- 8CAF9E
- 8AA799
- 889F94
- 87978F
- 84908A
- 828885
Farbharmonien
Komplementär +180°
- 91D0B2
Cabbage
- E4ACCD
≈ Pink Bliss
Analog -30° +30°
- 91D0B2
Cabbage
- ACCB98
≈ Oh Pistachio
- 82D0CE
≈ Surf Wash
Triadisch +120° +240°
- 91D0B2
Cabbage
- B9BAF1
≈ Purple Illusion
- EBB098
≈ Sweet Marmalade
Geteilt komplementär +150° +210°
- 91D0B2
Cabbage
- D2B2E4
≈ Whisper of Plum
- EDACB1
≈ Strawberry Cream
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.76:1 · APCA Lc 32
Ag
AAAAuf Schwarz
WCAG 11.86:1 · APCA Lc 70
Beste Textfarbe: #000000
WCAG 11.86:1 (AAA) · APCA Lc 70
Contrast pairs
Code-Snippets
CSS
:root {
--cabbage: #91d0b2;
--cabbage-rgb: 145 208 178;
--cabbage-oklch: oklch(0.806 0.077 163.5);
}
.element {
color: var(--cabbage);
background-color: hsl(151 40% 69%);
border-color: oklch(0.806 0.077 163.5);
}Tailwind CSS v4
@theme {
--color-cabbage: #91d0b2;
--color-cabbage-50: #e2fdf0;
--color-cabbage-100: #d1f1e2;
--color-cabbage-200: #b6dfcc;
--color-cabbage-300: #92c4ae;
--color-cabbage-400: #73ad92;
--color-cabbage-500: #519678;
--color-cabbage-600: #467f66;
--color-cabbage-700: #376651;
--color-cabbage-800: #284b3a;
--color-cabbage-900: #1b3428;
--color-cabbage-950: #0b1f16;
}SCSS
$cabbage: #91d0b2;
$cabbage-rgb: 145, 208, 178;
$cabbage-light: mix(#fff, $cabbage, 20%);
$cabbage-dark: mix(#000, $cabbage, 20%);
.element {
color: $cabbage;
box-shadow: 0 0 0 2px rgba($cabbage, 0.35);
}