Benoemde kleur · #ECBFA8
Veronese Peach
Veronese Peach is #ECBFA8: rgb(236 191 168), hsl(20 64% 79%), oklch(0.838 0.061 48.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Veronese Peach color name →
#ECBFA8
oklch(0.838 0.061 48.5)
Kleurconversies
- HEX
- #ecbfa8
- RGB
- rgb(236 191 168)
- HSL
- hsl(20 64% 79%)
- HWB
- hwb(20 66% 7%)
- OKLCH
- oklch(0.838 0.061 48.5)
- OKLab
- oklab(0.838 0.04 0.045)
- CIE Lab
- lab(80.95 14.22 18.06)
- LCH
- lch(80.95 22.98 51.8)
- CMYK
- cmyk(0% 19% 29% 7%)
Tinten · Schaduwen · Tonen
Tinten
- EEC5B1
- F0CCB9
- F2D2C2
- F4D9CA
- F6DFD3
- F8E5DC
- FAECE5
- FCF2ED
- FDF9F6
Schaduwen
- CDA692
- AF8D7C
- 927567
- 765E52
- 5B483F
- 42332C
- 291F1A
- 130D0A
- 030201
Tonen
- E1B9A4
- D6B2A0
- CBAC9C
- C0A598
- B59F94
- AA9990
- A0938C
- 958C88
- 8A8684
Kleurharmonieën
Complementair +180°
- ECBFA8
Veronese Peach
- A1D2EA
≈ Chefchaouen Blue
Analoog -30° +30°
- ECBFA8
Veronese Peach
- EFBBBB
≈ Angry Ghost
- E0C69E
≈ Riviera Sand
Triadisch +120° +240°
- ECBFA8
Veronese Peach
- A4D7C3
≈ Southern Belle
- C8C4F0
≈ Violet Gems
Gesplitst complementair +150° +210°
- ECBFA8
Veronese Peach
- 9BD7D9
≈ Lake Reflection
- B2CCF2
≈ Alphabet Blue
Tetradisch +90° +180° +270°
- ECBFA8
Veronese Peach
- B7D4AE
≈ Flower Stem
- A1D2EA
≈ Chefchaouen Blue
- DBBEE4
≈ Sky Blue Pink
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.66:1 · APCA Lc 29
Ag
AAAOp zwart
WCAG 12.58:1 · APCA Lc 74
Beste tekstkleur: #000000
WCAG 12.58:1 (AAA) · APCA Lc 74
Contrast pairs
Codefragmenten
CSS
:root {
--veronese-peach: #ecbfa8;
--veronese-peach-rgb: 236 191 168;
--veronese-peach-oklch: oklch(0.838 0.061 48.5);
}
.element {
color: var(--veronese-peach);
background-color: hsl(20 64% 79%);
border-color: oklch(0.838 0.061 48.5);
}Tailwind CSS v4
@theme {
--color-veronese-peach: #ecbfa8;
--color-veronese-peach-50: #fff1e6;
--color-veronese-peach-100: #fae3d6;
--color-veronese-peach-200: #ebcdbe;
--color-veronese-peach-300: #d2af9c;
--color-veronese-peach-400: #bd947f;
--color-veronese-peach-500: #a87a63;
--color-veronese-peach-600: #8e6854;
--color-veronese-peach-700: #725343;
--color-veronese-peach-800: #543c30;
--color-veronese-peach-900: #3b2921;
--color-veronese-peach-950: #251710;
}SCSS
$veronese-peach: #ecbfa8;
$veronese-peach-rgb: 236, 191, 168;
$veronese-peach-light: mix(#fff, $veronese-peach, 20%);
$veronese-peach-dark: mix(#000, $veronese-peach, 20%);
.element {
color: $veronese-peach;
box-shadow: 0 0 0 2px rgba($veronese-peach, 0.35);
}