Benoemde kleur · #FECFB5
Apricot Lily
Apricot Lily is #FECFB5: rgb(254 207 181), hsl(21 97% 85%), oklch(0.889 0.064 50.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Apricot Lily color name →
#FECFB5
oklch(0.889 0.064 50.5)
Kleurconversies
- HEX
- #fecfb5
- RGB
- rgb(254 207 181)
- HSL
- hsl(21 97% 85%)
- HWB
- hwb(21 71% 0%)
- OKLCH
- oklch(0.889 0.064 50.5)
- OKLab
- oklab(0.889 0.041 0.049)
- CIE Lab
- lab(86.79 14.41 19.55)
- LCH
- lch(86.79 24.29 53.6)
- CMYK
- cmyk(0% 19% 29% 0%)
Tinten · Schaduwen · Tonen
Tinten
- FED4BC
- FFD9C4
- FFDECB
- FFE2D3
- FFE7DA
- FFECE1
- FFF1E9
- FFF5F0
- FFFAF8
Schaduwen
- DDB49D
- BD9986
- 9E7F6F
- 806759
- 634F44
- 473830
- 2D231D
- 16100C
- 030202
Tonen
- F1C7B0
- E4BFAA
- D7B7A5
- CAAFA0
- BEA79A
- B19F95
- A59790
- 988F8B
- 8C8885
Kleurharmonieën
Complementair +180°
- FECFB5
Apricot Lily
- B0E3FD
≈ Frozen Landscape
Analoog -30° +30°
- FECFB5
Apricot Lily
- FFCCCA
≈ Jagdwurst
- F1D7AB
≈ Canyon Sand
Triadisch +120° +240°
- FECFB5
Apricot Lily
- B1E9D4
≈ Martian Haze
- D9D4FF
≈ Pale Lavender
Gesplitst complementair +150° +210°
- FECFB5
Apricot Lily
- A8E8EB
≈ Uranus
- C6DCFF
≈ Arc Light
Tetradisch +90° +180° +270°
- FECFB5
Apricot Lily
- C4E5BE
≈ Sweet Menthol
- B0E3FD
≈ Frozen Landscape
- EECDF5
≈ Mousse aux Pruneaux
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.41:1 · APCA Lc 20
Ag
AAAOp zwart
WCAG 14.80:1 · APCA Lc 83
Beste tekstkleur: #000000
WCAG 14.80:1 (AAA) · APCA Lc 83
Contrast pairs
Codefragmenten
CSS
:root {
--apricot-lily: #fecfb5;
--apricot-lily-rgb: 254 207 181;
--apricot-lily-oklch: oklch(0.889 0.064 50.5);
}
.element {
color: var(--apricot-lily);
background-color: hsl(21 97% 85%);
border-color: oklch(0.889 0.064 50.5);
}Tailwind CSS v4
@theme {
--color-apricot-lily: #fecfb5;
--color-apricot-lily-50: #fff1e5;
--color-apricot-lily-100: #fae3d5;
--color-apricot-lily-200: #ebcdbc;
--color-apricot-lily-300: #d3af9a;
--color-apricot-lily-400: #be947d;
--color-apricot-lily-500: #a97a60;
--color-apricot-lily-600: #8f6751;
--color-apricot-lily-700: #725341;
--color-apricot-lily-800: #553c2f;
--color-apricot-lily-900: #3b2920;
--color-apricot-lily-950: #25170f;
}SCSS
$apricot-lily: #fecfb5;
$apricot-lily-rgb: 254, 207, 181;
$apricot-lily-light: mix(#fff, $apricot-lily, 20%);
$apricot-lily-dark: mix(#000, $apricot-lily, 20%);
.element {
color: $apricot-lily;
box-shadow: 0 0 0 2px rgba($apricot-lily, 0.35);
}