Nächste benannte Farbe · #B7C5AF
#B7C5AF
Nächste benannte Farbe: Bok Choy
#B7C5AF (rgb(183 197 175), hsl(98 16% 73%), oklch(0.807 0.034 134)) liegt am nächsten an der benannten Farbe Bok Choy. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#B7C5AF
oklch(0.807 0.034 134)
Farbumrechnungen
- HEX
- #b7c5af
- RGB
- rgb(183 197 175)
- HSL
- hsl(98 16% 73%)
- HWB
- hwb(98 69% 23%)
- OKLCH
- oklch(0.807 0.034 134)
- OKLab
- oklab(0.807 -0.024 0.024)
- CIE Lab
- lab(77.97 -7.99 9.36)
- LCH
- lch(77.97 12.31 130.5)
- CMYK
- cmyk(7% 0% 11% 23%)
Tints · Shades · Tones
Tints
- BECBB7
- C5D0BF
- CCD6C7
- D3DCCE
- DAE2D6
- E2E8DE
- E9EDE7
- F0F3EF
- F8F9F7
Shades
- 9FAB98
- 879281
- 70796B
- 5A6156
- 454B41
- 31352E
- 1E211C
- 0C0E0B
- 020201
Tones
- B1BEAA
- ACB7A5
- A6B0A1
- A1A99C
- 9BA297
- 969B93
- 90948E
- 8B8D89
- 858785
Farbharmonien
Komplementär +180°
- B7C5AF
Bok Choy
- C8BAD0
≈ Sweet Petal
Analog -30° +30°
- B7C5AF
Bok Choy
- C3C1A8
≈ Swing Sage
- ADC7BA
≈ Sparkling Lake
Triadisch +120° +240°
- B7C5AF
Bok Choy
- B1C2D6
≈ Elevated
- D5B7B9
≈ Rose Stain
Geteilt komplementär +150° +210°
- B7C5AF
Bok Choy
- BDBDD6
≈ Twilight Pearl
- D1B8C5
≈ Lavender Blessing
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.80:1 · APCA Lc 34
Ag
AAAAuf Schwarz
WCAG 11.61:1 · APCA Lc 69
Beste Textfarbe: #000000
WCAG 11.61:1 (AAA) · APCA Lc 69
Contrast pairs
Code-Snippets
CSS
:root {
--bok-choy: #b7c5af;
--bok-choy-rgb: 183 197 175;
--bok-choy-oklch: oklch(0.807 0.034 134);
}
.element {
color: var(--bok-choy);
background-color: hsl(98 16% 73%);
border-color: oklch(0.807 0.034 134);
}Tailwind CSS v4
@theme {
--color-bok-choy: #b7c5af;
--color-bok-choy-50: #f1f8ee;
--color-bok-choy-100: #e3ebdf;
--color-bok-choy-200: #ced8ca;
--color-bok-choy-300: #b0bcab;
--color-bok-choy-400: #96a38f;
--color-bok-choy-500: #7d8b75;
--color-bok-choy-600: #6a7663;
--color-bok-choy-700: #555e4f;
--color-bok-choy-800: #3e4539;
--color-bok-choy-900: #2b3027;
--color-bok-choy-950: #181c15;
}SCSS
$bok-choy: #b7c5af;
$bok-choy-rgb: 183, 197, 175;
$bok-choy-light: mix(#fff, $bok-choy, 20%);
$bok-choy-dark: mix(#000, $bok-choy, 20%);
.element {
color: $bok-choy;
box-shadow: 0 0 0 2px rgba($bok-choy, 0.35);
}