Adlandırılmış renk · #E2D5BD
Wax Sculpture
Wax Sculpture, #E2D5BD: rgb(226 213 189), hsl(39 39% 81%), oklch(0.877 0.035 82.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Wax Sculpture color name →
#E2D5BD
oklch(0.877 0.035 82.9)
Renk dönüşümleri
- HEX
- #e2d5bd
- RGB
- rgb(226 213 189)
- HSL
- hsl(39 39% 81%)
- HWB
- hwb(39 74% 11%)
- OKLCH
- oklch(0.877 0.035 82.9)
- OKLab
- oklab(0.877 0.004 0.035)
- CIE Lab
- lab(85.86 1.75 13.61)
- LCH
- lch(85.86 13.72 82.7)
- CMYK
- cmyk(0% 6% 16% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E5D9C4
- E8DDCA
- EBE2D1
- EEE6D7
- F0EADE
- F3EEE4
- F6F2EB
- F9F7F2
- FCFBF8
Koyu tonlar
- C4B9A4
- A89E8C
- 8C8374
- 716A5D
- 575147
- 3E3A33
- 27241F
- 12100D
- 030202
Gri tonlar
- D8CCB7
- CEC3B1
- C4BBAA
- BAB2A4
- B0AA9E
- A6A198
- 9C9992
- 93908C
- 898886
Renk uyumları
Tamamlayıcı +180°
- E2D5BD
Wax Sculpture
- CAD7EF
≈ Light Cuddle
Analog -30° +30°
- E2D5BD
Wax Sculpture
- EAD1C2
≈ Pure Beige
- D6D9BF
≈ Feng Shui
Üçlü +120° +240°
- E2D5BD
Wax Sculpture
- BDDEE1
≈ Infinitesimal Blue
- E2CFE4
≈ Sweety Pie
Bölünmüş tamamlayıcı +150° +210°
- E2D5BD
Wax Sculpture
- C1DBEA
≈ Algodon Azul
- D7D3EC
≈ Air Castle
Dörtlü +90° +180° +270°
- E2D5BD
Wax Sculpture
- C0DFD4
≈ Otto Ice
- CAD7EF
≈ Light Cuddle
- EACED8
≈ Petit Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.44:1 · APCA Lc 21
Ag
AAASiyah üzerinde
WCAG 14.48:1 · APCA Lc 82
En iyi metin rengi: #000000
WCAG 14.48:1 (AAA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--wax-sculpture: #e2d5bd;
--wax-sculpture-rgb: 226 213 189;
--wax-sculpture-oklch: oklch(0.877 0.035 82.9);
}
.element {
color: var(--wax-sculpture);
background-color: hsl(39 39% 81%);
border-color: oklch(0.877 0.035 82.9);
}Tailwind CSS v4
@theme {
--color-wax-sculpture: #e2d5bd;
--color-wax-sculpture-50: #faf5ea;
--color-wax-sculpture-100: #ede7db;
--color-wax-sculpture-200: #dbd3c4;
--color-wax-sculpture-300: #c0b6a3;
--color-wax-sculpture-400: #a99d87;
--color-wax-sculpture-500: #92846c;
--color-wax-sculpture-600: #7b705c;
--color-wax-sculpture-700: #635a49;
--color-wax-sculpture-800: #494135;
--color-wax-sculpture-900: #322d24;
--color-wax-sculpture-950: #1e1a13;
}SCSS
$wax-sculpture: #e2d5bd;
$wax-sculpture-rgb: 226, 213, 189;
$wax-sculpture-light: mix(#fff, $wax-sculpture, 20%);
$wax-sculpture-dark: mix(#000, $wax-sculpture, 20%);
.element {
color: $wax-sculpture;
box-shadow: 0 0 0 2px rgba($wax-sculpture, 0.35);
}