Nazwany kolor · #C1DB3B
Lime Popsicle
Lime Popsicle to #C1DB3B: rgb(193 219 59), hsl(70 69% 55%), oklch(0.844 0.178 118.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Lime Popsicle color name →
#C1DB3B
oklch(0.844 0.178 118.6)
Konwersje koloru
- HEX
- #c1db3b
- RGB
- rgb(193 219 59)
- HSL
- hsl(70 69% 55%)
- HWB
- hwb(70 23% 14%)
- OKLCH
- oklch(0.844 0.178 118.6)
- OKLab
- oklab(0.844 -0.085 0.157)
- CIE Lab
- lab(83.4 -23.65 70.01)
- LCH
- lch(83.4 73.89 108.7)
- CMYK
- cmyk(12% 0% 73% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C7DF59
- CDE370
- D3E785
- D9EB98
- DFEEAA
- E5F2BC
- EBF5CD
- F2F9DE
- F8FCEF
Odcienie ciemniejsze
- A7BE32
- 8FA229
- 778721
- 5F6D19
- 495411
- 343C09
- 202604
- 0E1101
- 020200
Tony
- BAD24A
- B3C955
- ADC05F
- A6B666
- 9FAD6C
- 99A471
- 939B76
- 8C927A
- 86897D
Harmonie kolorów
Komplementarna +180°
- C1DB3B
Lime Popsicle
- D3C0FF
≈ Lavender Tonic
Analogowa -30° +30°
- C1DB3B
Lime Popsicle
- FAC400
≈ Syndicalist
- 6CEB88
≈ Grotesque Green
Triada +120° +240°
- C1DB3B
Lime Popsicle
- 96D5FF
≈ Long Island Sound
- FFB3CB
≈ Pink Cattleya
Komplementarna rozszczepiona +150° +210°
- C1DB3B
Lime Popsicle
- B7CBFF
≈ Night Snow
- FFA9FA
≈ Jigglypuff
Tetrada +90° +180° +270°
- C1DB3B
Lime Popsicle
- 00E5FE
≈ Whimsical Blue
- D3C0FF
≈ Lavender Tonic
- FFB7AC
≈ Ripe Melon
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.55:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.46:1 · APCA Lc 78
Najlepszy kolor tekstu: #000000
WCAG 13.46:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--lime-popsicle: #c1db3b;
--lime-popsicle-rgb: 193 219 59;
--lime-popsicle-oklch: oklch(0.844 0.178 118.6);
}
.element {
color: var(--lime-popsicle);
background-color: hsl(70 69% 55%);
border-color: oklch(0.844 0.178 118.6);
}Tailwind CSS v4
@theme {
--color-lime-popsicle: #c1db3b;
--color-lime-popsicle-50: #eefec4;
--color-lime-popsicle-100: #dff2ae;
--color-lime-popsicle-200: #c9e087;
--color-lime-popsicle-300: #abc553;
--color-lime-popsicle-400: #95ab00;
--color-lime-popsicle-500: #7c9300;
--color-lime-popsicle-600: #697d00;
--color-lime-popsicle-700: #546400;
--color-lime-popsicle-800: #404900;
--color-lime-popsicle-900: #2c3200;
--color-lime-popsicle-950: #191e00;
}SCSS
$lime-popsicle: #c1db3b;
$lime-popsicle-rgb: 193, 219, 59;
$lime-popsicle-light: mix(#fff, $lime-popsicle, 20%);
$lime-popsicle-dark: mix(#000, $lime-popsicle, 20%);
.element {
color: $lime-popsicle;
box-shadow: 0 0 0 2px rgba($lime-popsicle, 0.35);
}