Cor nomeada · #C3D997
Lickety Split
Lickety Split é #C3D997: rgb(195 217 151), hsl(80 46% 72%), oklch(0.853 0.09 123.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Lickety Split color name →
#C3D997
oklch(0.853 0.09 123.3)
Conversões de cor
- HEX
- #c3d997
- RGB
- rgb(195 217 151)
- HSL
- hsl(80 46% 72%)
- HWB
- hwb(80 59% 15%)
- OKLCH
- oklch(0.853 0.09 123.3)
- OKLab
- oklab(0.853 -0.05 0.075)
- CIE Lab
- lab(83.84 -15.82 30.04)
- LCH
- lch(83.84 33.95 117.8)
- CMYK
- cmyk(10% 0% 30% 15%)
Tons claros · Sombras · Tons
Tons claros
- C9DDA2
- CFE1AC
- D5E5B7
- DBE8C1
- E1ECCB
- E7F0D6
- EDF4E0
- F3F8EA
- F9FBF5
Sombras
- A9BC83
- 90A16F
- 78865C
- 606C49
- 4A5337
- 343B26
- 202517
- 0E1108
- 020201
Tons
- BCD095
- B5C793
- AEBE91
- A8B58F
- A1AC8D
- 9AA38A
- 949A88
- 8D9185
- 868983
Harmonias de cor
Complementar +180°
- C3D997
Lickety Split
- DAC1FF
≈ Neon Boneyard
Análoga -30° +30°
- C3D997
Lickety Split
- E3CE89
≈ Lemon Thyme
- A1E0B3
≈ Overtone
Tríade +120° +240°
- C3D997
Lickety Split
- A2D5FF
≈ Malmö FF
- FFB8C9
≈ Cherry Blossom Pink
Complementar dividida +150° +210°
- C3D997
Lickety Split
- BFCCFF
≈ Light Periwinkle
- F3B9E8
≈ Lovecloud
Tétrade +90° +180° +270°
- C3D997
Lickety Split
- 85DFF2
≈ Photon Barrier
- DAC1FF
≈ Neon Boneyard
- FFBCAD
≈ Egyptian Javelin
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.53:1 · APCA Lc 25
Ag
AAASobre preto
WCAG 13.69:1 · APCA Lc 78
Melhor cor de texto: #000000
WCAG 13.69:1 (AAA) · APCA Lc 78
Contrast pairs
Trechos de código
CSS
:root {
--lickety-split: #c3d997;
--lickety-split-rgb: 195 217 151;
--lickety-split-oklch: oklch(0.853 0.09 123.3);
}
.element {
color: var(--lickety-split);
background-color: hsl(80 46% 72%);
border-color: oklch(0.853 0.09 123.3);
}Tailwind CSS v4
@theme {
--color-lickety-split: #c3d997;
--color-lickety-split-50: #effade;
--color-lickety-split-100: #e1eecd;
--color-lickety-split-200: #cbdcb2;
--color-lickety-split-300: #acc08d;
--color-lickety-split-400: #94a86b;
--color-lickety-split-500: #7b904a;
--color-lickety-split-600: #687a3f;
--color-lickety-split-700: #536232;
--color-lickety-split-800: #3d4722;
--color-lickety-split-900: #2a3117;
--color-lickety-split-950: #181d08;
}SCSS
$lickety-split: #c3d997;
$lickety-split-rgb: 195, 217, 151;
$lickety-split-light: mix(#fff, $lickety-split, 20%);
$lickety-split-dark: mix(#000, $lickety-split, 20%);
.element {
color: $lickety-split;
box-shadow: 0 0 0 2px rgba($lickety-split, 0.35);
}