Nazwany kolor · #D0FF14
Arctic Lime
Arctic Lime to #D0FF14: rgb(208 255 20), hsl(72 100% 54%), oklch(0.934 0.224 122.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Arctic Lime color name →
#D0FF14
oklch(0.934 0.224 122.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D4FF4D
- D9FF6B
- DDFF83
- E2FF98
- E7FFAB
- EBFFBD
- F0FFCE
- F5FFDF
- FAFFEF
Odcienie ciemniejsze
- B5DE10
- 9ABE0C
- 809E08
- 678005
- 4F6303
- 394801
- 232E01
- 101600
- 020300
Tony
- C8F23A
- BFE54D
- B7D85A
- AFCB64
- A7BF6C
- 9FB272
- 97A677
- 8F997B
- 878D7E
Harmonie kolorów
Komplementarna +180°
- D0FF14
Arctic Lime
- EEE4FF
≈ Minute Mauve
Analogowa -30° +30°
- D0FF14
Arctic Lime
- FFE8A1
≈ Rich Glow
- B0FFC5
≈ Neo Mint
Triada +120° +240°
- D0FF14
Arctic Lime
- D6EDFF
≈ Ice Castle
- FFE0E7
≈ Pink Pleasure
Komplementarna rozszczepiona +150° +210°
- D0FF14
Arctic Lime
- E1E8FF
≈ Cyber Lavender
- FFDDF9
≈ Strawberry Frost
Tetrada +90° +180° +270°
- D0FF14
Arctic Lime
- BFF4FF
≈ Pale Sky
- EEE4FF
≈ Minute Mauve
- FFE1DB
≈ Red Shimmer
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.16:1 · APCA Lc 8
Ag
AAANa czerni
WCAG 17.99:1 · APCA Lc 97
Najlepszy kolor tekstu: #000000
WCAG 17.99:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
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);
}