Nazwany kolor · #ECBFA8
Veronese Peach
Veronese Peach to #ECBFA8: rgb(236 191 168), hsl(20 64% 79%), oklch(0.838 0.061 48.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Veronese Peach color name →
#ECBFA8
oklch(0.838 0.061 48.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EEC5B1
- F0CCB9
- F2D2C2
- F4D9CA
- F6DFD3
- F8E5DC
- FAECE5
- FCF2ED
- FDF9F6
Odcienie ciemniejsze
- CDA692
- AF8D7C
- 927567
- 765E52
- 5B483F
- 42332C
- 291F1A
- 130D0A
- 030201
Tony
- E1B9A4
- D6B2A0
- CBAC9C
- C0A598
- B59F94
- AA9990
- A0938C
- 958C88
- 8A8684
Harmonie kolorów
Komplementarna +180°
- ECBFA8
Veronese Peach
- A1D2EA
≈ Chefchaouen Blue
Analogowa -30° +30°
- ECBFA8
Veronese Peach
- EFBBBB
≈ Angry Ghost
- E0C69E
≈ Riviera Sand
Triada +120° +240°
- ECBFA8
Veronese Peach
- A4D7C3
≈ Southern Belle
- C8C4F0
≈ Violet Gems
Komplementarna rozszczepiona +150° +210°
- ECBFA8
Veronese Peach
- 9BD7D9
≈ Lake Reflection
- B2CCF2
≈ Alphabet Blue
Tetrada +90° +180° +270°
- ECBFA8
Veronese Peach
- B7D4AE
≈ Flower Stem
- A1D2EA
≈ Chefchaouen Blue
- DBBEE4
≈ Sky Blue Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.66:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.58:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.58:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
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);
}