Benoemde kleur · #C3D997
Lickety Split
Lickety Split is #C3D997: rgb(195 217 151), hsl(80 46% 72%), oklch(0.853 0.09 123.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Lickety Split color name →
#C3D997
oklch(0.853 0.09 123.3)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- C9DDA2
- CFE1AC
- D5E5B7
- DBE8C1
- E1ECCB
- E7F0D6
- EDF4E0
- F3F8EA
- F9FBF5
Schaduwen
- A9BC83
- 90A16F
- 78865C
- 606C49
- 4A5337
- 343B26
- 202517
- 0E1108
- 020201
Tonen
- BCD095
- B5C793
- AEBE91
- A8B58F
- A1AC8D
- 9AA38A
- 949A88
- 8D9185
- 868983
Kleurharmonieën
Complementair +180°
- C3D997
Lickety Split
- DAC1FF
≈ Neon Boneyard
Analoog -30° +30°
- C3D997
Lickety Split
- E3CE89
≈ Lemon Thyme
- A1E0B3
≈ Overtone
Triadisch +120° +240°
- C3D997
Lickety Split
- A2D5FF
≈ Malmö FF
- FFB8C9
≈ Cherry Blossom Pink
Gesplitst complementair +150° +210°
- C3D997
Lickety Split
- BFCCFF
≈ Light Periwinkle
- F3B9E8
≈ Lovecloud
Tetradisch +90° +180° +270°
- C3D997
Lickety Split
- 85DFF2
≈ Photon Barrier
- DAC1FF
≈ Neon Boneyard
- FFBCAD
≈ Egyptian Javelin
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.53:1 · APCA Lc 25
Ag
AAAOp zwart
WCAG 13.69:1 · APCA Lc 78
Beste tekstkleur: #000000
WCAG 13.69:1 (AAA) · APCA Lc 78
Contrast pairs
Codefragmenten
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);
}