Benoemde kleur · #E4E5CE
Pineapple Soda
Pineapple Soda is #E4E5CE: rgb(228 229 206), hsl(63 31% 85%), oklch(0.915 0.031 109). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Pineapple Soda color name →
#E4E5CE
oklch(0.915 0.031 109)
Kleurconversies
- HEX
- #e4e5ce
- RGB
- rgb(228 229 206)
- HSL
- hsl(63 31% 85%)
- HWB
- hwb(63 81% 10%)
- OKLCH
- oklch(0.915 0.031 109)
- OKLab
- oklab(0.915 -0.01 0.029)
- CIE Lab
- lab(90.4 -3.27 11.15)
- LCH
- lch(90.4 11.61 106.3)
- CMYK
- cmyk(0% 0% 10% 10%)
Tinten · Schaduwen · Tonen
Tinten
- E7E8D3
- E9EAD8
- ECEDDD
- EFEFE2
- F1F2E6
- F4F5EB
- F7F7F0
- FAFAF5
- FCFCFA
Schaduwen
- C6C7B3
- A9AA98
- 8D8E7F
- 727266
- 58584E
- 3F3F38
- 282823
- 12120F
- 030302
Tonen
- DADAC6
- CFD0BE
- C5C6B6
- BBBBAE
- B1B1A6
- A7A79E
- 9D9D97
- 93938F
- 898A88
Kleurharmonieën
Complementair +180°
- E4E5CE
Pineapple Soda
- E2E0F7
≈ Lingering Lilac
Analoog -30° +30°
- E4E5CE
Pineapple Soda
- EEE1CD
≈ Ivory Stone
- D9E8D5
≈ Little Sprout
Triadisch +120° +240°
- E4E5CE
Pineapple Soda
- CFE7F3
≈ New Heights
- F4DBE6
≈ Columbine
Gesplitst complementair +150° +210°
- E4E5CE
Pineapple Soda
- D7E4F8
≈ Aquarelle Purple
- ECDDF0
≈ Divine Dove
Tetradisch +90° +180° +270°
- E4E5CE
Pineapple Soda
- CCEAEB
≈ Fountain Spout
- E2E0F7
≈ Lingering Lilac
- F7DBDB
≈ Fairy Princess
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.28:1 · APCA Lc 14
Ag
AAAOp zwart
WCAG 16.39:1 · APCA Lc 90
Beste tekstkleur: #000000
WCAG 16.39:1 (AAA) · APCA Lc 90
Contrast pairs
Codefragmenten
CSS
:root {
--pineapple-soda: #e4e5ce;
--pineapple-soda-rgb: 228 229 206;
--pineapple-soda-oklch: oklch(0.915 0.031 109);
}
.element {
color: var(--pineapple-soda);
background-color: hsl(63 31% 85%);
border-color: oklch(0.915 0.031 109);
}Tailwind CSS v4
@theme {
--color-pineapple-soda: #e4e5ce;
--color-pineapple-soda-50: #f5f6ec;
--color-pineapple-soda-100: #e8e9de;
--color-pineapple-soda-200: #d4d6c7;
--color-pineapple-soda-300: #b8b9a7;
--color-pineapple-soda-400: #9fa08c;
--color-pineapple-soda-500: #878871;
--color-pineapple-soda-600: #737360;
--color-pineapple-soda-700: #5c5c4c;
--color-pineapple-soda-800: #434337;
--color-pineapple-soda-900: #2e2e26;
--color-pineapple-soda-950: #1b1b14;
}SCSS
$pineapple-soda: #e4e5ce;
$pineapple-soda-rgb: 228, 229, 206;
$pineapple-soda-light: mix(#fff, $pineapple-soda, 20%);
$pineapple-soda-dark: mix(#000, $pineapple-soda, 20%);
.element {
color: $pineapple-soda;
box-shadow: 0 0 0 2px rgba($pineapple-soda, 0.35);
}