En yakın adlandırılmış renk · #EDB092
#EDB092
En yakın adlandırılmış renk: Peach Velour
#EDB092 (rgb(237 176 146), hsl(20 72% 75%), oklch(0.807 0.083 47.3)) en çok Peach Velour adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#EDB092
oklch(0.807 0.083 47.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EFB89D
- F1C0A8
- F4C8B2
- F6D0BD
- F7D8C8
- F9DFD3
- FBE7DE
- FCEFE9
- FEF7F4
Koyu tonlar
- CE997E
- B0826B
- 936C58
- 775646
- 5C4235
- 422E25
- 2A1C16
- 140B08
- 030101
Gri tonlar
- E2AB90
- D7A68F
- CCA28D
- C19D8C
- B6988A
- AB9388
- A08F86
- 968A84
- 8B8582
Renk uyumları
Tamamlayıcı +180°
- EDB092
Peach Velour
- 85CBEA
≈ Below Zero
Analog -30° +30°
- EDB092
Peach Velour
- F1ABAC
≈ Faint of Heart
- DEB983
≈ Jerboa
Üçlü +120° +240°
- EDB092
Peach Velour
- 8AD1B5
≈ Tropical Trail
- BCB8F3
≈ Purple Illusion
Bölünmüş tamamlayıcı +150° +210°
- EDB092
Peach Velour
- 7CD1D2
≈ Belize
- 9EC2F5
≈ Sail to the Sea
Dörtlü +90° +180° +270°
- EDB092
Peach Velour
- A7CD98
≈ Chenille
- 85CBEA
≈ Below Zero
- D6B0E3
≈ Whisper of Plum
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.87:1 · APCA Lc 35
Ag
AAASiyah üzerinde
WCAG 11.22:1 · APCA Lc 67
En iyi metin rengi: #000000
WCAG 11.22:1 (AAA) · APCA Lc 67
Contrast pairs
Kod parçacıkları
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);
}