Adlandırılmış renk · #EBD5B7
Sugared Pears
Sugared Pears, #EBD5B7: rgb(235 213 183), hsl(35 57% 82%), oklch(0.883 0.047 75.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Sugared Pears color name →
#EBD5B7
oklch(0.883 0.047 75.6)
Renk dönüşümleri
- HEX
- #ebd5b7
- RGB
- rgb(235 213 183)
- HSL
- hsl(35 57% 82%)
- HWB
- hwb(35 72% 8%)
- OKLCH
- oklch(0.883 0.047 75.6)
- OKLab
- oklab(0.883 0.012 0.045)
- CIE Lab
- lab(86.53 4.47 17.81)
- LCH
- lch(86.53 18.36 75.9)
- CMYK
- cmyk(0% 9% 22% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EDD9BE
- EFDDC5
- F1E2CD
- F3E6D4
- F5EADB
- F7EEE2
- F9F2E9
- FBF7F1
- FDFBF8
Koyu tonlar
- CCB99F
- AE9E87
- 918370
- 756A5A
- 5B5145
- 413A31
- 29241E
- 13100C
- 030202
Gri tonlar
- E0CCB1
- D5C3AC
- CABBA6
- BFB2A1
- B4AA9B
- A9A196
- 9F9990
- 94908B
- 8A8885
Renk uyumları
Tamamlayıcı +180°
- EBD5B7
Sugared Pears
- C5DBF8
≈ Fly a Kite
Analog -30° +30°
- EBD5B7
Sugared Pears
- F4D0BF
≈ Indian Clay
- DCDBB8
≈ Apple Cucumber
Üçlü +120° +240°
- EBD5B7
Sugared Pears
- B6E3E2
≈ Seascape Green
- E5D0EE
≈ Lavender Princess
Bölünmüş tamamlayıcı +150° +210°
- EBD5B7
Sugared Pears
- B9E0F0
≈ Fountains of Budapest
- D5D5F7
≈ Flax Bloom
Dörtlü +90° +180° +270°
- EBD5B7
Sugared Pears
- BDE3D1
≈ Beru
- C5DBF8
≈ Fly a Kite
- F1CDDF
≈ Lacquer Mauve
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.42:1 · APCA Lc 20
Ag
AAASiyah üzerinde
WCAG 14.73:1 · APCA Lc 83
En iyi metin rengi: #000000
WCAG 14.73:1 (AAA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--sugared-pears: #ebd5b7;
--sugared-pears-rgb: 235 213 183;
--sugared-pears-oklch: oklch(0.883 0.047 75.6);
}
.element {
color: var(--sugared-pears);
background-color: hsl(35 57% 82%);
border-color: oklch(0.883 0.047 75.6);
}Tailwind CSS v4
@theme {
--color-sugared-pears: #ebd5b7;
--color-sugared-pears-50: #fdf4e7;
--color-sugared-pears-100: #f1e6d7;
--color-sugared-pears-200: #e0d2bf;
--color-sugared-pears-300: #c5b59d;
--color-sugared-pears-400: #af9b80;
--color-sugared-pears-500: #988263;
--color-sugared-pears-600: #816e55;
--color-sugared-pears-700: #675843;
--color-sugared-pears-800: #4c4030;
--color-sugared-pears-900: #352c21;
--color-sugared-pears-950: #201910;
}SCSS
$sugared-pears: #ebd5b7;
$sugared-pears-rgb: 235, 213, 183;
$sugared-pears-light: mix(#fff, $sugared-pears, 20%);
$sugared-pears-dark: mix(#000, $sugared-pears, 20%);
.element {
color: $sugared-pears;
box-shadow: 0 0 0 2px rgba($sugared-pears, 0.35);
}