Cor nomeada · #D0FF14
Arctic Lime
Arctic Lime é #D0FF14: rgb(208 255 20), hsl(72 100% 54%), oklch(0.934 0.224 122.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Arctic Lime color name →
#D0FF14
oklch(0.934 0.224 122.3)
Conversões de cor
- HEX
- #d0ff14
- RGB
- rgb(208 255 20)
- HSL
- hsl(72 100% 54%)
- HWB
- hwb(72 8% 0%)
- OKLCH
- oklch(0.934 0.224 122.3)
- OKLab
- oklab(0.934 -0.12 0.19)
- CIE Lab
- lab(94.21 -34.15 87.58)
- LCH
- lch(94.21 94.01 111.3)
- CMYK
- cmyk(18% 0% 92% 0%)
Tons claros · Sombras · Tons
Tons claros
- D4FF4D
- D9FF6B
- DDFF83
- E2FF98
- E7FFAB
- EBFFBD
- F0FFCE
- F5FFDF
- FAFFEF
Sombras
- B5DE10
- 9ABE0C
- 809E08
- 678005
- 4F6303
- 394801
- 232E01
- 101600
- 020300
Tons
- C8F23A
- BFE54D
- B7D85A
- AFCB64
- A7BF6C
- 9FB272
- 97A677
- 8F997B
- 878D7E
Harmonias de cor
Complementar +180°
- D0FF14
Arctic Lime
- EEE4FF
≈ Minute Mauve
Análoga -30° +30°
- D0FF14
Arctic Lime
- FFE8A1
≈ Rich Glow
- B0FFC5
≈ Neo Mint
Tríade +120° +240°
- D0FF14
Arctic Lime
- D6EDFF
≈ Ice Castle
- FFE0E7
≈ Pink Pleasure
Complementar dividida +150° +210°
- D0FF14
Arctic Lime
- E1E8FF
≈ Cyber Lavender
- FFDDF9
≈ Strawberry Frost
Tétrade +90° +180° +270°
- D0FF14
Arctic Lime
- BFF4FF
≈ Pale Sky
- EEE4FF
≈ Minute Mauve
- FFE1DB
≈ Red Shimmer
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.16:1 · APCA Lc 8
Ag
AAASobre preto
WCAG 17.99:1 · APCA Lc 97
Melhor cor de texto: #000000
WCAG 17.99:1 (AAA) · APCA Lc 97
Contrast pairs
Trechos de código
CSS
:root {
--arctic-lime: #d0ff14;
--arctic-lime-rgb: 208 255 20;
--arctic-lime-oklch: oklch(0.934 0.224 122.3);
}
.element {
color: var(--arctic-lime);
background-color: hsl(72 100% 54%);
border-color: oklch(0.934 0.224 122.3);
}Tailwind CSS v4
@theme {
--color-arctic-lime: #d0ff14;
--color-arctic-lime-50: #e7ffba;
--color-arctic-lime-100: #d8f5a1;
--color-arctic-lime-200: #c0e474;
--color-arctic-lime-300: #9fca2e;
--color-arctic-lime-400: #89b000;
--color-arctic-lime-500: #6f9800;
--color-arctic-lime-600: #5e8100;
--color-arctic-lime-700: #4b6700;
--color-arctic-lime-800: #3a4b00;
--color-arctic-lime-900: #273400;
--color-arctic-lime-950: #161f00;
}SCSS
$arctic-lime: #d0ff14;
$arctic-lime-rgb: 208, 255, 20;
$arctic-lime-light: mix(#fff, $arctic-lime, 20%);
$arctic-lime-dark: mix(#000, $arctic-lime, 20%);
.element {
color: $arctic-lime;
box-shadow: 0 0 0 2px rgba($arctic-lime, 0.35);
}