Colore con nome più vicino · #30592B
#30592B
Colore con nome più vicino: Pine
#30592B (rgb(48 89 43), hsl(113 35% 26%), oklch(0.421 0.086 141.6)) è più vicino al colore con nome Pine. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#30592B
oklch(0.421 0.086 141.6)
Conversioni di colore
- HEX
- #30592b
- RGB
- rgb(48 89 43)
- HSL
- hsl(113 35% 26%)
- HWB
- hwb(113 17% 65%)
- OKLCH
- oklch(0.421 0.086 141.6)
- OKLab
- oklab(0.421 -0.068 0.054)
- CIE Lab
- lab(33.91 -22.88 21.8)
- LCH
- lch(33.91 31.6 136.4)
- CMYK
- cmyk(46% 0% 52% 65%)
Tinte · Ombre · Toni
Tinte
- 43683F
- 577852
- 6B8867
- 7F987B
- 93A990
- A8BAA5
- BDCBBB
- D3DCD1
- E9EDE8
Ombre
- 284C24
- 21401D
- 1A3416
- 132810
- 0C1D0A
- 061305
- 030902
- 010301
- 000000
Toni
- 385D34
- 41613C
- 496545
- 51694D
- 596D56
- 60715E
- 687567
- 70786F
- 787C77
Armonie di colore
Complementare +180°
- 30592B
Pine
- 633C6A
≈ Wine Tour
Analogo -30° +30°
- 30592B
Pine
- 4F520D
≈ Verdun Green
- 005C48
≈ Evergreen
Triadico +120° +240°
- 30592B
Pine
- 324D7C
≈ High Altar
- 763838
≈ Madder Brown
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.10:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.58:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.10:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--pine: #30592b;
--pine-rgb: 48 89 43;
--pine-oklch: oklch(0.421 0.086 141.6);
}
.element {
color: var(--pine);
background-color: hsl(113 35% 26%);
border-color: oklch(0.421 0.086 141.6);
}Tailwind CSS v4
@theme {
--color-pine: #30592b;
--color-pine-50: #e7fce6;
--color-pine-100: #d7f0d6;
--color-pine-200: #bfdebd;
--color-pine-300: #9dc39b;
--color-pine-400: #82ac7c;
--color-pine-500: #65955e;
--color-pine-600: #567e50;
--color-pine-700: #446540;
--color-pine-800: #324a2d;
--color-pine-900: #22331e;
--color-pine-950: #111f0e;
}SCSS
$pine: #30592b;
$pine-rgb: 48, 89, 43;
$pine-light: mix(#fff, $pine, 20%);
$pine-dark: mix(#000, $pine, 20%);
.element {
color: $pine;
box-shadow: 0 0 0 2px rgba($pine, 0.35);
}