Benoemde kleur · #8BB490
Green Bonnet
Green Bonnet is #8BB490: rgb(139 180 144), hsl(127 21% 63%), oklch(0.73 0.068 148.1). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Green mean? → · Green Bonnet color name →
#8BB490
oklch(0.73 0.068 148.1)
Kleurconversies
- HEX
- #8bb490
- RGB
- rgb(139 180 144)
- HSL
- hsl(127 21% 63%)
- HWB
- hwb(127 55% 29%)
- OKLCH
- oklch(0.73 0.068 148.1)
- OKLab
- oklab(0.73 -0.058 0.036)
- CIE Lab
- lab(69.58 -19.75 13.75)
- LCH
- lch(69.58 24.07 145.2)
- CMYK
- cmyk(23% 0% 20% 29%)
Tinten · Schaduwen · Tonen
Tinten
- 96BB9B
- A2C3A6
- ADCAB0
- B9D2BB
- C4D9C6
- D0E1D2
- DCE8DD
- E7F0E8
- F3F7F4
Schaduwen
- 789C7D
- 66856A
- 546E57
- 435845
- 324434
- 233024
- 141D15
- 070C07
- 010201
Tonen
- 8AAF8E
- 89A98D
- 88A48B
- 879F8A
- 869A88
- 859587
- 848F85
- 838A83
- 818582
Kleurharmonieën
Complementair +180°
- 8BB490
Green Bonnet
- C099BE
≈ Lupine
Analoog -30° +30°
- 8BB490
Green Bonnet
- A3AE7D
≈ Fresh Guacamole
- 78B6A8
≈ Intracoastal
Triadisch +120° +240°
- 8BB490
Green Bonnet
- 95A7D3
≈ Foresight
- CF9890
≈ Nectarine Spice
Gesplitst complementair +150° +210°
- 8BB490
Green Bonnet
- AD9FCD
≈ Purple Rose
- CC96A7
≈ Honey Pink
Tetradisch +90° +180° +270°
- 8BB490
Green Bonnet
- 7FAECE
≈ Blue Eyes
- C099BE
≈ Lupine
- C99E7E
≈ Desert Carnation
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.32:1 · APCA Lc 46
Ag
AAAOp zwart
WCAG 9.02:1 · APCA Lc 56
Beste tekstkleur: #000000
WCAG 9.02:1 (AAA) · APCA Lc 56
Contrast pairs
Codefragmenten
CSS
:root {
--green-bonnet: #8bb490;
--green-bonnet-rgb: 139 180 144;
--green-bonnet-oklch: oklch(0.73 0.068 148.1);
}
.element {
color: var(--green-bonnet);
background-color: hsl(127 21% 63%);
border-color: oklch(0.73 0.068 148.1);
}Tailwind CSS v4
@theme {
--color-green-bonnet: #8bb490;
--color-green-bonnet-50: #e8fbeb;
--color-green-bonnet-100: #d9efdc;
--color-green-bonnet-200: #c1ddc5;
--color-green-bonnet-300: #9fc2a5;
--color-green-bonnet-400: #83aa88;
--color-green-bonnet-500: #67936d;
--color-green-bonnet-600: #577c5c;
--color-green-bonnet-700: #46634a;
--color-green-bonnet-800: #334934;
--color-green-bonnet-900: #233324;
--color-green-bonnet-950: #121e12;
}SCSS
$green-bonnet: #8bb490;
$green-bonnet-rgb: 139, 180, 144;
$green-bonnet-light: mix(#fff, $green-bonnet, 20%);
$green-bonnet-dark: mix(#000, $green-bonnet, 20%);
.element {
color: $green-bonnet;
box-shadow: 0 0 0 2px rgba($green-bonnet, 0.35);
}