Nächste benannte Farbe · #B7CBA1
#B7CBA1
Nächste benannte Farbe: Greenhorn
#B7CBA1 (rgb(183 203 161), hsl(89 29% 71%), oklch(0.816 0.061 128.4)) liegt am nächsten an der benannten Farbe Greenhorn. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#B7CBA1
oklch(0.816 0.061 128.4)
Farbumrechnungen
- HEX
- #b7cba1
- RGB
- rgb(183 203 161)
- HSL
- hsl(89 29% 71%)
- HWB
- hwb(89 63% 20%)
- OKLCH
- oklch(0.816 0.061 128.4)
- OKLab
- oklab(0.816 -0.038 0.048)
- CIE Lab
- lab(79.33 -12.61 18.66)
- LCH
- lch(79.33 22.52 124)
- CMYK
- cmyk(10% 0% 21% 20%)
Tints · Shades · Tones
Tints
- BED0AA
- C5D5B4
- CCDBBD
- D3E0C6
- DAE5D0
- E2EAD9
- E9EFE2
- F0F5EC
- F8FAF5
Shades
- 9FB08B
- 879676
- 707D62
- 5A654E
- 454D3C
- 31372A
- 1E2219
- 0C0F09
- 020201
Tones
- B1C39E
- ACBC9B
- A6B497
- A1AC94
- 9BA591
- 969D8D
- 90968A
- 8B8F87
- 858783
Farbharmonien
Komplementär +180°
- B7CBA1
Greenhorn
- CEB9E2
≈ Drifting Dream
Analog -30° +30°
- B7CBA1
Greenhorn
- CDC497
≈ Hippolyta
- A2CFB4
≈ Feather Green
Triadisch +120° +240°
- B7CBA1
Greenhorn
- A4C7E9
≈ Island Light
- E7B3BB
≈ Amazon River Dolphin
Geteilt komplementär +150° +210°
- B7CBA1
Greenhorn
- B9C0EB
≈ Larkspur Bud
- DEB4D0
≈ Purple Poodle
Tetradisch +90° +180° +270°
- B7CBA1
Greenhorn
- 96CDDE
≈ Iqaluit Ice
- CEB9E2
≈ Drifting Dream
- E7B6A6
≈ Fall Leaf
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.73:1 · APCA Lc 32
Ag
AAAAuf Schwarz
WCAG 12.07:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 12.07:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
CSS
:root {
--greenhorn: #b7cba1;
--greenhorn-rgb: 183 203 161;
--greenhorn-oklch: oklch(0.816 0.061 128.4);
}
.element {
color: var(--greenhorn);
background-color: hsl(89 29% 71%);
border-color: oklch(0.816 0.061 128.4);
}Tailwind CSS v4
@theme {
--color-greenhorn: #b7cba1;
--color-greenhorn-50: #eff9e7;
--color-greenhorn-100: #e1ecd7;
--color-greenhorn-200: #cbdabf;
--color-greenhorn-300: #adbe9e;
--color-greenhorn-400: #94a67f;
--color-greenhorn-500: #7a8e63;
--color-greenhorn-600: #677854;
--color-greenhorn-700: #536043;
--color-greenhorn-800: #3d462f;
--color-greenhorn-900: #2a3120;
--color-greenhorn-950: #171d0f;
}SCSS
$greenhorn: #b7cba1;
$greenhorn-rgb: 183, 203, 161;
$greenhorn-light: mix(#fff, $greenhorn, 20%);
$greenhorn-dark: mix(#000, $greenhorn, 20%);
.element {
color: $greenhorn;
box-shadow: 0 0 0 2px rgba($greenhorn, 0.35);
}