Couleur nommée · #BFDEAF
Bowling Green
Bowling Green correspond à #BFDEAF : rgb(191 222 175), hsl(100 42% 78%), oklch(0.866 0.071 135). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Green mean? → · Bowling Green color name →
#BFDEAF
oklch(0.866 0.071 135)
Conversions de couleur
- HEX
- #bfdeaf
- RGB
- rgb(191 222 175)
- HSL
- hsl(100 42% 78%)
- HWB
- hwb(100 69% 13%)
- OKLCH
- oklch(0.866 0.071 135)
- OKLab
- oklab(0.866 -0.051 0.05)
- CIE Lab
- lab(85.28 -16.96 19.59)
- LCH
- lch(85.28 25.91 130.9)
- CMYK
- cmyk(14% 0% 21% 13%)
Teintes · Ombres · Tons
Teintes
- C5E1B7
- CCE5BF
- D2E8C7
- D8EBCF
- DFEFD7
- E5F2DF
- ECF5E7
- F2F8EF
- F9FCF7
Ombres
- A6C198
- 8DA581
- 75896B
- 5E6F56
- 485541
- 333D2E
- 1F261C
- 0D120B
- 020201
Tons
- B9D4AA
- B2CBA6
- ACC1A1
- A5B79C
- 9FAE98
- 99A593
- 939B8E
- 8C9289
- 868985
Harmonies de couleurs
Complémentaire +180°
- BFDEAF
Bowling Green
- E5C5F4
≈ Purple’s Baby Sister
Analogue -30° +30°
- BFDEAF
Bowling Green
- D9D6A0
≈ Garden Glade
- A7E2C7
≈ Reef Green
Triadique +120° +240°
- BFDEAF
Bowling Green
- B6D6FF
≈ Ice Cold Stare
- FEC0C4
≈ Delhi Dance Pink
Complémentaire divisée +150° +210°
- BFDEAF
Bowling Green
- CDCDFF
≈ Lavender Blue
- F6C1DE
≈ Rosy Nectar
Tétradique +90° +180° +270°
- BFDEAF
Bowling Green
- A0DDF6
≈ Non-Photo Blue
- E5C5F4
≈ Purple’s Baby Sister
- FCC5AC
≈ Gadabout
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.47:1 · APCA Lc 22
Ag
AAASur noir
WCAG 14.28:1 · APCA Lc 81
Meilleure couleur de texte: #000000
WCAG 14.28:1 (AAA) · APCA Lc 81
Contrast pairs
Extraits de code
CSS
:root {
--bowling-green: #bfdeaf;
--bowling-green-rgb: 191 222 175;
--bowling-green-oklch: oklch(0.866 0.071 135);
}
.element {
color: var(--bowling-green);
background-color: hsl(100 42% 78%);
border-color: oklch(0.866 0.071 135);
}Tailwind CSS v4
@theme {
--color-bowling-green: #bfdeaf;
--color-bowling-green-50: #ecfae6;
--color-bowling-green-100: #ddeed7;
--color-bowling-green-200: #c6dcbe;
--color-bowling-green-300: #a7c09d;
--color-bowling-green-400: #8ca87e;
--color-bowling-green-500: #729161;
--color-bowling-green-600: #607b52;
--color-bowling-green-700: #4d6241;
--color-bowling-green-800: #39482e;
--color-bowling-green-900: #27321f;
--color-bowling-green-950: #151e0f;
}SCSS
$bowling-green: #bfdeaf;
$bowling-green-rgb: 191, 222, 175;
$bowling-green-light: mix(#fff, $bowling-green, 20%);
$bowling-green-dark: mix(#000, $bowling-green, 20%);
.element {
color: $bowling-green;
box-shadow: 0 0 0 2px rgba($bowling-green, 0.35);
}