Cor nomeada · #11DD00
Caustic Green
Caustic Green é #11DD00: rgb(17 221 0), hsl(115 100% 43%), oklch(0.778 0.263 142.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Caustic Green color name →
#11DD00
oklch(0.778 0.263 142.3)
Conversões de cor
- HEX
- #11dd00
- RGB
- rgb(17 221 0)
- HSL
- hsl(115 100% 43%)
- HWB
- hwb(115 0% 13%)
- OKLCH
- oklch(0.778 0.263 142.3)
- OKLab
- oklab(0.778 -0.208 0.161)
- CIE Lab
- lab(77.26 -70.51 72.79)
- LCH
- lch(77.26 101.34 134.1)
- CMYK
- cmyk(92% 0% 100% 13%)
Tons claros · Sombras · Tons
Tons claros
- 48E13F
- 66E65D
- 7EEA75
- 93ED8B
- A7F19F
- B9F4B3
- CBF7C7
- DDFADA
- EEFDEC
Sombras
- 0DC000
- 09A400
- 068800
- 046E00
- 025500
- 013D00
- 002600
- 001100
- 000200
Tons
- 36D42D
- 49CB40
- 56C24E
- 60B959
- 68AF62
- 6FA669
- 749D70
- 799376
- 7D8A7B
Harmonias de cor
Complementar +180°
- 11DD00
Caustic Green
- EF87FF
≈ Give Me Your Love
Análoga -30° +30°
- 11DD00
Caustic Green
- BAC100
≈ La Rioja
- 00D5AC
≈ Channel Marker Green
Tríade +120° +240°
- 11DD00
Caustic Green
- 90B7FF
≈ Carolina Blue
- FF9491
≈ Cherished One
Complementar dividida +150° +210°
- 11DD00
Caustic Green
- B9A8FF
≈ Winterspring Lilac
- FF8BC0
≈ Cochonnet
Tétrade +90° +180° +270°
- 11DD00
Caustic Green
- 46C5FF
≈ Shovel Knight
- EF87FF
≈ Give Me Your Love
- FF9A57
≈ Honey Carrot Cake
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.84:1 · APCA Lc 34
Ag
AAASobre preto
WCAG 11.36:1 · APCA Lc 69
Melhor cor de texto: #000000
WCAG 11.36:1 (AAA) · APCA Lc 69
Contrast pairs
Trechos de código
CSS
:root {
--caustic-green: #11dd00;
--caustic-green-rgb: 17 221 0;
--caustic-green-oklch: oklch(0.778 0.263 142.3);
}
.element {
color: var(--caustic-green);
background-color: hsl(115 100% 43%);
border-color: oklch(0.778 0.263 142.3);
}Tailwind CSS v4
@theme {
--color-caustic-green: #11dd00;
--color-caustic-green-50: #c7ffc6;
--color-caustic-green-100: #b0ffb0;
--color-caustic-green-200: #87f189;
--color-caustic-green-300: #4bd855;
--color-caustic-green-400: #00c100;
--color-caustic-green-500: #00ab00;
--color-caustic-green-600: #009000;
--color-caustic-green-700: #007400;
--color-caustic-green-800: #005500;
--color-caustic-green-900: #003b00;
--color-caustic-green-950: #002500;
}SCSS
$caustic-green: #11dd00;
$caustic-green-rgb: 17, 221, 0;
$caustic-green-light: mix(#fff, $caustic-green, 20%);
$caustic-green-dark: mix(#000, $caustic-green, 20%);
.element {
color: $caustic-green;
box-shadow: 0 0 0 2px rgba($caustic-green, 0.35);
}