Nächste benannte Farbe · #B6C059
#B6C059
Nächste benannte Farbe: Celery
#B6C059 (rgb(182 192 89), hsl(66 45% 55%), oklch(0.779 0.128 114)) liegt am nächsten an der benannten Farbe Celery. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#B6C059
oklch(0.779 0.128 114)
Farbumrechnungen
- HEX
- #b6c059
- RGB
- rgb(182 192 89)
- HSL
- hsl(66 45% 55%)
- HWB
- hwb(66 35% 25%)
- OKLCH
- oklch(0.779 0.128 114)
- OKLab
- oklab(0.779 -0.052 0.117)
- CIE Lab
- lab(75.33 -14.26 49.71)
- LCH
- lch(75.33 51.72 106)
- CMYK
- cmyk(5% 0% 54% 25%)
Tints · Shades · Tones
Tints
- BDC66C
- C4CD7E
- CBD38F
- D2DA9F
- D9E0B0
- E1E6C0
- E8ECD0
- F0F3DF
- F7F9EF
Shades
- 9EA74C
- 868E40
- 6F7634
- 595F28
- 44491D
- 303413
- 1D2009
- 0C0E03
- 020200
Tones
- B0BA5F
- ABB365
- A5AD6A
- A0A66E
- 9AA072
- 959A76
- 8F9379
- 8A8D7B
- 85867E
Farbharmonien
Komplementär +180°
- B6C059
Celery
- BBA7FF
≈ Winterspring Lilac
Analog -30° +30°
- B6C059
Celery
- DEAF4B
≈ Tiger Cub
- 82CC81
≈ Jube Green
Triadisch +120° +240°
- B6C059
Celery
- 55C4FC
≈ Blue Mana
- F693BD
≈ Pastel Magenta
Geteilt komplementär +150° +210°
- B6C059
Celery
- 93B6FF
≈ Carolina Blue
- DF9AE5
≈ Herb Robert
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.96:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.67:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.67:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
CSS
:root {
--celery: #b6c059;
--celery-rgb: 182 192 89;
--celery-oklch: oklch(0.779 0.128 114);
}
.element {
color: var(--celery);
background-color: hsl(66 45% 55%);
border-color: oklch(0.779 0.128 114);
}Tailwind CSS v4
@theme {
--color-celery: #b6c059;
--color-celery-50: #f3fad1;
--color-celery-100: #e5eebd;
--color-celery-200: #d1dc9d;
--color-celery-300: #b4c072;
--color-celery-400: #9ea746;
--color-celery-500: #868f00;
--color-celery-600: #717906;
--color-celery-700: #5b6107;
--color-celery-800: #444601;
--color-celery-900: #2f3102;
--color-celery-950: #1b1d00;
}SCSS
$celery: #b6c059;
$celery-rgb: 182, 192, 89;
$celery-light: mix(#fff, $celery, 20%);
$celery-dark: mix(#000, $celery, 20%);
.element {
color: $celery;
box-shadow: 0 0 0 2px rgba($celery, 0.35);
}