Benoemde kleur · #CCDD99
Pear Perfume
Pear Perfume is #CCDD99: rgb(204 221 153), hsl(75 50% 73%), oklch(0.868 0.091 119.7). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Pear Perfume color name →
#CCDD99
oklch(0.868 0.091 119.7)
Kleurconversies
- HEX
- #ccdd99
- RGB
- rgb(204 221 153)
- HSL
- hsl(75 50% 73%)
- HWB
- hwb(75 60% 13%)
- OKLCH
- oklch(0.868 0.091 119.7)
- OKLab
- oklab(0.868 -0.045 0.079)
- CIE Lab
- lab(85.61 -14.11 31.48)
- LCH
- lch(85.61 34.5 114.1)
- CMYK
- cmyk(8% 0% 31% 13%)
Tinten · Schaduwen · Tonen
Tinten
- D1E1A4
- D6E4AE
- DBE7B8
- E0EBC3
- E5EECD
- EAF2D7
- EFF5E1
- F5F8EB
- FAFCF5
Schaduwen
- B1C084
- 97A470
- 7E885D
- 656E4A
- 4E5538
- 373D27
- 222617
- 0F1108
- 020201
Tonen
- C4D397
- BCCA95
- B4C093
- ADB790
- A5AE8E
- 9EA48B
- 969B89
- 8F9286
- 878983
Kleurharmonieën
Complementair +180°
- CCDD99
Pear Perfume
- DBC9FF
≈ Foggy Heath
Analoog -30° +30°
- CCDD99
Pear Perfume
- EBD28E
≈ Sweet Angelica
- A9E5B4
≈ Overtone
Triadisch +120° +240°
- CCDD99
Pear Perfume
- A9DBFF
≈ Droplet
- FFBFD2
≈ Garden Glory
Gesplitst complementair +150° +210°
- CCDD99
Pear Perfume
- C3D3FF
≈ Pale Phthalo Blue
- F6BFF1
≈ Pink Quartz
Tetradisch +90° +180° +270°
- CCDD99
Pear Perfume
- 88E5F4
≈ Photon Barrier
- DBC9FF
≈ Foggy Heath
- FFC3B9
≈ Impatiens Pink
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.46:1 · APCA Lc 22
Ag
AAAOp zwart
WCAG 14.37:1 · APCA Lc 81
Beste tekstkleur: #000000
WCAG 14.37:1 (AAA) · APCA Lc 81
Contrast pairs
Codefragmenten
CSS
:root {
--pear-perfume: #ccdd99;
--pear-perfume-rgb: 204 221 153;
--pear-perfume-oklch: oklch(0.868 0.091 119.7);
}
.element {
color: var(--pear-perfume);
background-color: hsl(75 50% 73%);
border-color: oklch(0.868 0.091 119.7);
}Tailwind CSS v4
@theme {
--color-pear-perfume: #ccdd99;
--color-pear-perfume-50: #f1fadd;
--color-pear-perfume-100: #e3edcc;
--color-pear-perfume-200: #cedbb0;
--color-pear-perfume-300: #b0bf8b;
--color-pear-perfume-400: #98a768;
--color-pear-perfume-500: #7f8f46;
--color-pear-perfume-600: #6b793c;
--color-pear-perfume-700: #566130;
--color-pear-perfume-800: #404720;
--color-pear-perfume-900: #2c3115;
--color-pear-perfume-950: #191d07;
}SCSS
$pear-perfume: #ccdd99;
$pear-perfume-rgb: 204, 221, 153;
$pear-perfume-light: mix(#fff, $pear-perfume, 20%);
$pear-perfume-dark: mix(#000, $pear-perfume, 20%);
.element {
color: $pear-perfume;
box-shadow: 0 0 0 2px rgba($pear-perfume, 0.35);
}