Couleur nommée la plus proche · #EDB092
#EDB092
Couleur nommée la plus proche: Peach Velour
#EDB092 (rgb(237 176 146), hsl(20 72% 75%), oklch(0.807 0.083 47.3)) est la plus proche de la couleur nommée Peach Velour. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#EDB092
oklch(0.807 0.083 47.3)
Conversions de couleur
- HEX
- #edb092
- RGB
- rgb(237 176 146)
- HSL
- hsl(20 72% 75%)
- HWB
- hwb(20 57% 7%)
- OKLCH
- oklch(0.807 0.083 47.3)
- OKLab
- oklab(0.807 0.056 0.061)
- CIE Lab
- lab(77.11 20.17 24.57)
- LCH
- lch(77.11 31.79 50.6)
- CMYK
- cmyk(0% 26% 38% 7%)
Teintes · Ombres · Tons
Teintes
- EFB89D
- F1C0A8
- F4C8B2
- F6D0BD
- F7D8C8
- F9DFD3
- FBE7DE
- FCEFE9
- FEF7F4
Ombres
- CE997E
- B0826B
- 936C58
- 775646
- 5C4235
- 422E25
- 2A1C16
- 140B08
- 030101
Tons
- E2AB90
- D7A68F
- CCA28D
- C19D8C
- B6988A
- AB9388
- A08F86
- 968A84
- 8B8582
Harmonies de couleurs
Complémentaire +180°
- EDB092
Peach Velour
- 85CBEA
≈ Below Zero
Analogue -30° +30°
- EDB092
Peach Velour
- F1ABAC
≈ Faint of Heart
- DEB983
≈ Jerboa
Triadique +120° +240°
- EDB092
Peach Velour
- 8AD1B5
≈ Tropical Trail
- BCB8F3
≈ Purple Illusion
Complémentaire divisée +150° +210°
- EDB092
Peach Velour
- 7CD1D2
≈ Belize
- 9EC2F5
≈ Sail to the Sea
Tétradique +90° +180° +270°
- EDB092
Peach Velour
- A7CD98
≈ Chenille
- 85CBEA
≈ Below Zero
- D6B0E3
≈ Whisper of Plum
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.87:1 · APCA Lc 35
Ag
AAASur noir
WCAG 11.22:1 · APCA Lc 67
Meilleure couleur de texte: #000000
WCAG 11.22:1 (AAA) · APCA Lc 67
Contrast pairs
Extraits de code
CSS
:root {
--peach-velour: #edb092;
--peach-velour-rgb: 237 176 146;
--peach-velour-oklch: oklch(0.807 0.083 47.3);
}
.element {
color: var(--peach-velour);
background-color: hsl(20 72% 75%);
border-color: oklch(0.807 0.083 47.3);
}Tailwind CSS v4
@theme {
--color-peach-velour: #edb092;
--color-peach-velour-50: #ffefe1;
--color-peach-velour-100: #ffe1d0;
--color-peach-velour-200: #f3cbb6;
--color-peach-velour-300: #dbac92;
--color-peach-velour-400: #c89074;
--color-peach-velour-500: #b37555;
--color-peach-velour-600: #976349;
--color-peach-velour-700: #794f3a;
--color-peach-velour-800: #5a392a;
--color-peach-velour-900: #3f271c;
--color-peach-velour-950: #28150c;
}SCSS
$peach-velour: #edb092;
$peach-velour-rgb: 237, 176, 146;
$peach-velour-light: mix(#fff, $peach-velour, 20%);
$peach-velour-dark: mix(#000, $peach-velour, 20%);
.element {
color: $peach-velour;
box-shadow: 0 0 0 2px rgba($peach-velour, 0.35);
}