En yakın adlandırılmış renk · #EFE9E0
#EFE9E0
En yakın adlandırılmış renk: Palladian
#EFE9E0 (rgb(239 233 224), hsl(36 32% 91%), oklch(0.936 0.014 78.3)) en çok Palladian 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.
#EFE9E0
oklch(0.936 0.014 78.3)
Renk dönüşümleri
- HEX
- #efe9e0
- RGB
- rgb(239 233 224)
- HSL
- hsl(36 32% 91%)
- HWB
- hwb(36 88% 6%)
- OKLCH
- oklch(0.936 0.014 78.3)
- OKLab
- oklab(0.936 0.003 0.013)
- CIE Lab
- lab(92.64 0.95 5.14)
- LCH
- lch(92.64 5.23 79.5)
- CMYK
- cmyk(0% 3% 6% 6%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F1EBE3
- F2EDE6
- F4F0E9
- F5F2EC
- F7F4EF
- F9F6F3
- FAF8F6
- FCFBF9
- FDFDFC
Koyu tonlar
- D0CBC3
- B1ADA6
- 94908A
- 787470
- 5C5A56
- 42413E
- 2A2927
- 141312
- 030302
Gri tonlar
- E3DED6
- D8D3CC
- CCC8C2
- C1BEB8
- B6B3AF
- ABA9A5
- A09E9C
- 959492
- 8B8A89
Renk uyumları
Tamamlayıcı +180°
- EFE9E0
Palladian
- E4EAF3
≈ Whisper Blue
Analog -30° +30°
- EFE9E0
Palladian
- F2E7E2
≈ Homoeopathic Orange
- EAEBE0
≈ Winter Glaze
Üçlü +120° +240°
- EFE9E0
Palladian
- E0EDED
≈ Free Spirit
- EEE7F0
≈ Tranquil Eve
Bölünmüş tamamlayıcı +150° +210°
- EFE9E0
Palladian
- E1ECF1
≈ Out Cold
- E9E9F3
≈ Diamond Cut
Dörtlü +90° +180° +270°
- EFE9E0
Palladian
- E2EDE8
≈ Molten Ice
- E4EAF3
≈ Whisper Blue
- F1E6EB
≈ Bride
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.20:1 · APCA Lc 10
Ag
AAASiyah üzerinde
WCAG 17.40:1 · APCA Lc 94
En iyi metin rengi: #000000
WCAG 17.40:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--palladian: #efe9e0;
--palladian-rgb: 239 233 224;
--palladian-oklch: oklch(0.936 0.014 78.3);
}
.element {
color: var(--palladian);
background-color: hsl(36 32% 91%);
border-color: oklch(0.936 0.014 78.3);
}Tailwind CSS v4
@theme {
--color-palladian: #efe9e0;
--color-palladian-50: #f7f5f1;
--color-palladian-100: #eae7e3;
--color-palladian-200: #d7d4ce;
--color-palladian-300: #bbb7b0;
--color-palladian-400: #a39e96;
--color-palladian-500: #8b857c;
--color-palladian-600: #767169;
--color-palladian-700: #5e5a54;
--color-palladian-800: #45423d;
--color-palladian-900: #302d2a;
--color-palladian-950: #1c1a18;
}SCSS
$palladian: #efe9e0;
$palladian-rgb: 239, 233, 224;
$palladian-light: mix(#fff, $palladian, 20%);
$palladian-dark: mix(#000, $palladian, 20%);
.element {
color: $palladian;
box-shadow: 0 0 0 2px rgba($palladian, 0.35);
}