Colore con nome · #1DAC78
Crayola Green
Crayola Green è #1DAC78: rgb(29 172 120), hsl(158 71% 39%), oklch(0.661 0.138 162.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Crayola Green color name →
#1DAC78
oklch(0.661 0.138 162.1)
Conversioni di colore
- HEX
- #1dac78
- RGB
- rgb(29 172 120)
- HSL
- hsl(158 71% 39%)
- HWB
- hwb(158 11% 33%)
- OKLCH
- oklch(0.661 0.138 162.1)
- OKLab
- oklab(0.661 -0.132 0.043)
- CIE Lab
- lab(62.5 -46.82 16.22)
- LCH
- lch(62.5 49.55 160.9)
- CMYK
- cmyk(83% 0% 30% 33%)
Tinte · Ombre · Toni
Tinte
- 44B585
- 5FBD92
- 76C59F
- 8BCEAC
- 9FD6BA
- B3DEC7
- C6E7D5
- D9EFE3
- ECF7F1
Ombre
- 189567
- 137F57
- 0E6948
- 095439
- 05402A
- 032D1D
- 011B10
- 000B05
- 000101
Toni
- 35A879
- 44A47A
- 509F7B
- 599B7C
- 62977D
- 69927D
- 708E7E
- 76897F
- 7B857F
Armonie di colore
Complementare +180°
- 1DAC78
Crayola Green
- CB6DAA
≈ Sugar Creek
Analogo -30° +30°
- 1DAC78
Crayola Green
- 72A443
≈ Festival Green
- 00A8A4
≈ Jadestone
Triadico +120° +240°
- 1DAC78
Crayola Green
- 8686E4
≈ Indigo Bloom
- D7724A
≈ Field Poppy
Complementare divisa +150° +210°
- 1DAC78
Crayola Green
- AF78CF
≈ Lavender Blossom
- D96B7C
≈ Pinkish
Tetradico +90° +180° +270°
- 1DAC78
Crayola Green
- 4D96E4
≈ United Nations Blue
- CB6DAA
≈ Sugar Creek
- C6820E
≈ Bubonic Brown
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.90:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.22:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.22:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--crayola-green: #1dac78;
--crayola-green-rgb: 29 172 120;
--crayola-green-oklch: oklch(0.661 0.138 162.1);
}
.element {
color: var(--crayola-green);
background-color: hsl(158 71% 39%);
border-color: oklch(0.661 0.138 162.1);
}Tailwind CSS v4
@theme {
--color-crayola-green: #1dac78;
--color-crayola-green-50: #d2ffeb;
--color-crayola-green-100: #bef7dc;
--color-crayola-green-200: #9be7c5;
--color-crayola-green-300: #6dcea4;
--color-crayola-green-400: #3db785;
--color-crayola-green-500: #00a169;
--color-crayola-green-600: #008859;
--color-crayola-green-700: #006d47;
--color-crayola-green-800: #005031;
--color-crayola-green-900: #003821;
--color-crayola-green-950: #002211;
}SCSS
$crayola-green: #1dac78;
$crayola-green-rgb: 29, 172, 120;
$crayola-green-light: mix(#fff, $crayola-green, 20%);
$crayola-green-dark: mix(#000, $crayola-green, 20%);
.element {
color: $crayola-green;
box-shadow: 0 0 0 2px rgba($crayola-green, 0.35);
}