Colore con nome · #274234
English Holly
English Holly è #274234: rgb(39 66 52), hsl(149 26% 21%), oklch(0.353 0.041 160.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · English Holly color name →
#274234
oklch(0.353 0.041 160.7)
Conversioni di colore
- HEX
- #274234
- RGB
- rgb(39 66 52)
- HSL
- hsl(149 26% 21%)
- HWB
- hwb(149 15% 74%)
- OKLCH
- oklch(0.353 0.041 160.7)
- OKLab
- oklab(0.353 -0.039 0.014)
- CIE Lab
- lab(25.46 -13.56 5.15)
- LCH
- lch(25.46 14.5 159.2)
- CMYK
- cmyk(41% 0% 21% 74%)
Tinte · Ombre · Toni
Tinte
- 3A5346
- 4E6458
- 62766B
- 77897F
- 8D9B93
- A3AFA8
- B9C2BD
- D0D6D2
- E7EAE9
Ombre
- 20382C
- 1A2F24
- 14251C
- 0E1C15
- 08140E
- 040B07
- 020503
- 010101
- 000000
Toni
- 30483B
- 394E42
- 41544A
- 4A5A51
- 536059
- 5C6760
- 656D68
- 6E7370
- 777A78
Armonie di colore
Complementare +180°
- 274234
English Holly
- 4A3342
≈ Red Onion
Analogo -30° +30°
- 274234
English Holly
- 344029
≈ Deep Seaweed
- 1F4240
≈ Pine Hollow
Triadico +120° +240°
- 274234
English Holly
- 373951
≈ Old Mill
- 4E342A
≈ Barn Swallow
Complementare divisa +150° +210°
- 274234
English Holly
- 42354B
≈ Call It a Night
- 4E3236
≈ Joyful Ruby
Tetradico +90° +180° +270°
- 274234
English Holly
- 2B3D50
≈ Snap-Shot
- 4A3342
≈ Red Onion
- 493823
≈ Café Noir
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.96:1 · APCA Lc 95
Ag
FailSu nero
WCAG 1.91:1 · APCA Lc 7
Miglior colore del testo: #FFFFFF
WCAG 10.96:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
CSS
:root {
--english-holly: #274234;
--english-holly-rgb: 39 66 52;
--english-holly-oklch: oklch(0.353 0.041 160.7);
}
.element {
color: var(--english-holly);
background-color: hsl(149 26% 21%);
border-color: oklch(0.353 0.041 160.7);
}Tailwind CSS v4
@theme {
--color-english-holly: #274234;
--color-english-holly-50: #ebf9f2;
--color-english-holly-100: #dcece4;
--color-english-holly-200: #c5dacf;
--color-english-holly-300: #a5beb1;
--color-english-holly-400: #8aa696;
--color-english-holly-500: #6e8f7d;
--color-english-holly-600: #5e796a;
--color-english-holly-700: #4b6155;
--color-english-holly-800: #36473d;
--color-english-holly-900: #25312a;
--color-english-holly-950: #141d18;
}SCSS
$english-holly: #274234;
$english-holly-rgb: 39, 66, 52;
$english-holly-light: mix(#fff, $english-holly, 20%);
$english-holly-dark: mix(#000, $english-holly, 20%);
.element {
color: $english-holly;
box-shadow: 0 0 0 2px rgba($english-holly, 0.35);
}