Colore con nome · #B2CC9A
Greenhorn
Greenhorn è #B2CC9A: rgb(178 204 154), hsl(91 33% 70%), oklch(0.813 0.074 130.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Greenhorn color name →
#B2CC9A
oklch(0.813 0.074 130.3)
Conversioni di colore
- HEX
- #b2cc9a
- RGB
- rgb(178 204 154)
- HSL
- hsl(91 33% 70%)
- HWB
- hwb(91 60% 20%)
- OKLCH
- oklch(0.813 0.074 130.3)
- OKLab
- oklab(0.813 -0.048 0.056)
- CIE Lab
- lab(79.13 -15.73 21.97)
- LCH
- lch(79.13 27.02 125.6)
- CMYK
- cmyk(13% 0% 25% 20%)
Tinte · Ombre · Toni
Tinte
- BAD1A4
- C1D6AE
- C9DBB8
- D0E0C2
- D8E6CC
- E0EBD6
- E7F0E0
- EFF5EB
- F7FAF5
Ombre
- 9AB185
- 839771
- 6D7E5E
- 57654B
- 434E39
- 2F3727
- 1D2217
- 0C0F09
- 010201
Toni
- ADC498
- A8BC95
- A3B593
- 9EAD90
- 99A58E
- 949E8B
- 8F9688
- 8A8F86
- 858783
Armonie di colore
Complementare +180°
- B2CC9A
Greenhorn
- D1B5E6
≈ Pretty Petunia
Analogo -30° +30°
- B2CC9A
Greenhorn
- CCC48C
≈ Yerba Mate
- 98D1B2
≈ Menthol Green
Triadico +120° +240°
- B2CC9A
Greenhorn
- 9EC6F0
≈ Sail to the Sea
- EDAFB7
≈ Strawberry Cream
Complementare divisa +150° +210°
- B2CC9A
Greenhorn
- B8BDF1
≈ Vodka
- E3B0D1
≈ Flower Power
Tetradico +90° +180° +270°
- B2CC9A
Greenhorn
- 8BCEE3
≈ Bayshore
- D1B5E6
≈ Pretty Petunia
- ECB29E
≈ Wax Flower
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.75:1 · APCA Lc 32
Ag
AAASu nero
WCAG 11.99:1 · APCA Lc 71
Miglior colore del testo: #000000
WCAG 11.99:1 (AAA) · APCA Lc 71
Contrast pairs
Frammenti di codice
CSS
:root {
--greenhorn: #b2cc9a;
--greenhorn-rgb: 178 204 154;
--greenhorn-oklch: oklch(0.813 0.074 130.3);
}
.element {
color: var(--greenhorn);
background-color: hsl(91 33% 70%);
border-color: oklch(0.813 0.074 130.3);
}Tailwind CSS v4
@theme {
--color-greenhorn: #b2cc9a;
--color-greenhorn-50: #edfae5;
--color-greenhorn-100: #dfeed5;
--color-greenhorn-200: #c9dbbb;
--color-greenhorn-300: #a9c099;
--color-greenhorn-400: #90a87a;
--color-greenhorn-500: #76905c;
--color-greenhorn-600: #647a4e;
--color-greenhorn-700: #50623e;
--color-greenhorn-800: #3b472c;
--color-greenhorn-900: #28311d;
--color-greenhorn-950: #161d0d;
}SCSS
$greenhorn: #b2cc9a;
$greenhorn-rgb: 178, 204, 154;
$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);
}