Colore con nome · #25342B
Holly
Holly è #25342B: rgb(37 52 43), hsl(144 17% 17%), oklch(0.308 0.026 158.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Holly color name →
#25342B
oklch(0.308 0.026 158.2)
Conversioni di colore
- HEX
- #25342b
- RGB
- rgb(37 52 43)
- HSL
- hsl(144 17% 17%)
- HWB
- hwb(144 15% 80%)
- OKLCH
- oklch(0.308 0.026 158.2)
- OKLab
- oklab(0.308 -0.024 0.01)
- CIE Lab
- lab(20.12 -8.22 3.6)
- LCH
- lch(20.12 8.97 156.3)
- CMYK
- cmyk(29% 0% 17% 80%)
Tinte · Ombre · Toni
Tinte
- 38463D
- 4B5850
- 606B64
- 757F78
- 8A938D
- A1A8A3
- B7BDB9
- CFD2D0
- E7E9E7
Ombre
- 1F2C24
- 19241D
- 131C16
- 0D1510
- 080E0A
- 040705
- 020302
- 000101
- 000000
Toni
- 2D3B33
- 36423B
- 3F4A43
- 48514B
- 515954
- 5A605C
- 636865
- 6D706E
- 767877
Armonie di colore
Complementare +180°
- 25342B
Holly
- 392B34
≈ Late Night Out
Analogo -30° +30°
- 25342B
Holly
- 2C3325
≈ Rangitoto
- 213432
≈ Fait Accompli
Triadico +120° +240°
- 25342B
Holly
- 2D2F3D
≈ Diamond Black
- 3C2C27
≈ English Walnut
Complementare divisa +150° +210°
- 25342B
Holly
- 342D3A
≈ Valentino Nero
- 3C2B2D
≈ Havana
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 13.08:1 · APCA Lc 99
Ag
FailSu nero
WCAG 1.60:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 13.08:1 (AAA) · APCA Lc 99
Contrast pairs
Frammenti di codice
CSS
:root {
--holly: #25342b;
--holly-rgb: 37 52 43;
--holly-oklch: oklch(0.308 0.026 158.2);
}
.element {
color: var(--holly);
background-color: hsl(144 17% 17%);
border-color: oklch(0.308 0.026 158.2);
}Tailwind CSS v4
@theme {
--color-holly: #25342b;
--color-holly-50: #eff7f3;
--color-holly-100: #e1ebe5;
--color-holly-200: #cbd8d0;
--color-holly-300: #adbcb3;
--color-holly-400: #92a399;
--color-holly-500: #798c80;
--color-holly-600: #66766c;
--color-holly-700: #525f56;
--color-holly-800: #3b453f;
--color-holly-900: #29302b;
--color-holly-950: #171c18;
}SCSS
$holly: #25342b;
$holly-rgb: 37, 52, 43;
$holly-light: mix(#fff, $holly, 20%);
$holly-dark: mix(#000, $holly, 20%);
.element {
color: $holly;
box-shadow: 0 0 0 2px rgba($holly, 0.35);
}