En yakın adlandırılmış renk · #E3DECA
#E3DECA
En yakın adlandırılmış renk: Peace & Quiet
#E3DECA (rgb(227 222 202), hsl(48 31% 84%), oklch(0.899 0.027 95.4)) en çok Peace & Quiet 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.
#E3DECA
oklch(0.899 0.027 95.4)
Renk dönüşümleri
- HEX
- #e3deca
- RGB
- rgb(227 222 202)
- HSL
- hsl(48 31% 84%)
- HWB
- hwb(48 79% 11%)
- OKLCH
- oklch(0.899 0.027 95.4)
- OKLab
- oklab(0.899 -0.003 0.027)
- CIE Lab
- lab(88.47 -0.74 10.49)
- LCH
- lch(88.47 10.51 94.1)
- CMYK
- cmyk(0% 2% 11% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E6E1CF
- E9E5D5
- EBE8DA
- EEEBDF
- F1EEE4
- F4F2EA
- F7F5EF
- F9F8F4
- FCFCFA
Koyu tonlar
- C5C1AF
- A8A595
- 8C897C
- 716F64
- 57554D
- 3F3D37
- 272622
- 12120F
- 030202
Gri tonlar
- D9D4C2
- CECABB
- C4C1B3
- BAB7AC
- B0AEA4
- A6A49D
- 9D9B96
- 93928E
- 898987
Renk uyumları
Tamamlayıcı +180°
- E3DECA
Peace & Quiet
- D8DDF0
≈ The White Death
Analog -30° +30°
- E3DECA
Peace & Quiet
- EBDBCB
≈ Chinese Hamster
- D9E1CE
≈ Lime Spritz
Üçlü +120° +240°
- E3DECA
Peace & Quiet
- CAE3E9
≈ Endless Sky
- EAD7E5
≈ Pale Grey Magenta
Bölünmüş tamamlayıcı +150° +210°
- E3DECA
Peace & Quiet
- D0E0EF
≈ Brisa de Mar
- E2DAED
≈ Awakened
Dörtlü +90° +180° +270°
- E3DECA
Peace & Quiet
- CBE4E0
≈ Light Picnic Bay
- D8DDF0
≈ The White Death
- EFD7DB
≈ Pale Rose
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.34:1 · APCA Lc 17
Ag
AAASiyah üzerinde
WCAG 15.56:1 · APCA Lc 86
En iyi metin rengi: #000000
WCAG 15.56:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--peace-quiet: #e3deca;
--peace-quiet-rgb: 227 222 202;
--peace-quiet-oklch: oklch(0.899 0.027 95.4);
}
.element {
color: var(--peace-quiet);
background-color: hsl(48 31% 84%);
border-color: oklch(0.899 0.027 95.4);
}Tailwind CSS v4
@theme {
--color-peace-quiet: #e3deca;
--color-peace-quiet-50: #f7f5ed;
--color-peace-quiet-100: #eae8de;
--color-peace-quiet-200: #d7d5c8;
--color-peace-quiet-300: #bbb8a8;
--color-peace-quiet-400: #a39f8d;
--color-peace-quiet-500: #8b8672;
--color-peace-quiet-600: #767261;
--color-peace-quiet-700: #5e5b4d;
--color-peace-quiet-800: #454238;
--color-peace-quiet-900: #302e26;
--color-peace-quiet-950: #1c1b15;
}SCSS
$peace-quiet: #e3deca;
$peace-quiet-rgb: 227, 222, 202;
$peace-quiet-light: mix(#fff, $peace-quiet, 20%);
$peace-quiet-dark: mix(#000, $peace-quiet, 20%);
.element {
color: $peace-quiet;
box-shadow: 0 0 0 2px rgba($peace-quiet, 0.35);
}