Colore con nome più vicino · #007815
#007815
Colore con nome più vicino: Poblano
#007815 (rgb(0 120 21), hsl(131 100% 24%), oklch(0.497 0.161 144)) è più vicino al colore con nome Poblano. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#007815
oklch(0.497 0.161 144)
Conversioni di colore
- HEX
- #007815
- RGB
- rgb(0 120 21)
- HSL
- hsl(131 100% 24%)
- HWB
- hwb(131 0% 53%)
- OKLCH
- oklch(0.497 0.161 144)
- OKLab
- oklab(0.497 -0.13 0.095)
- CIE Lab
- lab(43.52 -44.65 41.47)
- LCH
- lch(43.52 60.94 137.1)
- CMYK
- cmyk(100% 0% 83% 53%)
Tinte · Ombre · Toni
Tinte
- 2F8533
- 4A934B
- 62A061
- 78AE77
- 8FBB8D
- A5C9A3
- BBD6BA
- D2E4D1
- E8F1E8
Ombre
- 006711
- 00570C
- 004808
- 003905
- 002A03
- 001D02
- 001001
- 000500
- 000100
Toni
- 207926
- 317B33
- 3E7C3E
- 497D49
- 537E53
- 5D7E5C
- 667F65
- 6F7F6E
- 788077
Armonie di colore
Complementare +180°
- 007815
Poblano
- 8D3A95
≈ Purple Excellency
Analogo -30° +30°
- 007815
Poblano
- 626900
≈ Mud Green
- 00735E
≈ Tropical Rainforest
Triadico +120° +240°
- 007815
Poblano
- 315BBD
≈ Amnesia Blue
- AB2E32
≈ Emperor Cherry Red
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.67:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.69:1 · APCA Lc 24
Miglior colore del testo: #FFFFFF
WCAG 5.67:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--poblano: #007815;
--poblano-rgb: 0 120 21;
--poblano-oklch: oklch(0.497 0.161 144);
}
.element {
color: var(--poblano);
background-color: hsl(131 100% 24%);
border-color: oklch(0.497 0.161 144);
}Tailwind CSS v4
@theme {
--color-poblano: #007815;
--color-poblano-50: #d9ffda;
--color-poblano-100: #c6f7c8;
--color-poblano-200: #a7e7ab;
--color-poblano-300: #7ecd84;
--color-poblano-400: #5cb65d;
--color-poblano-500: #2da035;
--color-poblano-600: #29872e;
--color-poblano-700: #216c25;
--color-poblano-800: #1a4f15;
--color-poblano-900: #11370e;
--color-poblano-950: #032202;
}SCSS
$poblano: #007815;
$poblano-rgb: 0, 120, 21;
$poblano-light: mix(#fff, $poblano, 20%);
$poblano-dark: mix(#000, $poblano, 20%);
.element {
color: $poblano;
box-shadow: 0 0 0 2px rgba($poblano, 0.35);
}