Dichtstbijzijnde benoemde kleur · #FDE2CF
#FDE2CF
Dichtstbijzijnde benoemde kleur: Coral Kiss
#FDE2CF (rgb(253 226 207), hsl(25 92% 90%), oklch(0.93 0.039 57.4)) komt het dichtst bij de benoemde kleur Coral Kiss. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#FDE2CF
oklch(0.93 0.039 57.4)
Kleurconversies
- HEX
- #fde2cf
- RGB
- rgb(253 226 207)
- HSL
- hsl(25 92% 90%)
- HWB
- hwb(25 81% 1%)
- OKLCH
- oklch(0.93 0.039 57.4)
- OKLab
- oklab(0.93 0.021 0.033)
- CIE Lab
- lab(91.76 7.4 12.89)
- LCH
- lch(91.76 14.86 60.1)
- CMYK
- cmyk(0% 11% 18% 1%)
Tinten · Schaduwen · Tonen
Tinten
- FDE5D4
- FEE8D9
- FEEBDD
- FEEEE2
- FEF1E7
- FEF3EC
- FFF6F1
- FFF9F5
- FFFCFA
Schaduwen
- DCC4B4
- BCA899
- 9D8C7F
- 7F7167
- 62574F
- 473E38
- 2D2723
- 161210
- 030302
Tonen
- F0D8C7
- E3CEBF
- D6C4B7
- C9BAAF
- BDB0A7
- B0A69F
- A49C97
- 98938F
- 8C8988
Kleurharmonieën
Complementair +180°
- FDE2CF
Coral Kiss
- D1ECFF
≈ Veiling Waterfalls
Analoog -30° +30°
- FDE2CF
Coral Kiss
- FFDFDB
≈ Dawn Patrol
- F3E7CB
≈ Sphere
Triadisch +120° +240°
- FDE2CF
Coral Kiss
- CDF1E7
≈ Caribbean
- EAE3FF
≈ Lavender Mist
Gesplitst complementair +150° +210°
- FDE2CF
Coral Kiss
- CBF0F5
≈ Diamond League
- DEE8FF
≈ Lavender Mist
Tetradisch +90° +180° +270°
- FDE2CF
Coral Kiss
- D7EFD9
≈ Garden Shed
- D1ECFF
≈ Veiling Waterfalls
- F7DFF6
≈ Silky Pink
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.23:1 · APCA Lc 12
Ag
AAAOp zwart
WCAG 16.95:1 · APCA Lc 92
Beste tekstkleur: #000000
WCAG 16.95:1 (AAA) · APCA Lc 92
Contrast pairs
Codefragmenten
CSS
:root {
--coral-kiss: #fde2cf;
--coral-kiss-rgb: 253 226 207;
--coral-kiss-oklch: oklch(0.93 0.039 57.4);
}
.element {
color: var(--coral-kiss);
background-color: hsl(25 92% 90%);
border-color: oklch(0.93 0.039 57.4);
}Tailwind CSS v4
@theme {
--color-coral-kiss: #fde2cf;
--color-coral-kiss-50: #fef3ea;
--color-coral-kiss-100: #f2e5db;
--color-coral-kiss-200: #e1d1c4;
--color-coral-kiss-300: #c7b3a4;
--color-coral-kiss-400: #b19988;
--color-coral-kiss-500: #9b806d;
--color-coral-kiss-600: #836c5d;
--color-coral-kiss-700: #69574a;
--color-coral-kiss-800: #4d3f36;
--color-coral-kiss-900: #362b24;
--color-coral-kiss-950: #211913;
}SCSS
$coral-kiss: #fde2cf;
$coral-kiss-rgb: 253, 226, 207;
$coral-kiss-light: mix(#fff, $coral-kiss, 20%);
$coral-kiss-dark: mix(#000, $coral-kiss, 20%);
.element {
color: $coral-kiss;
box-shadow: 0 0 0 2px rgba($coral-kiss, 0.35);
}