Adlandırılmış renk · #E9CFB7
Kingdom’s Keys
Kingdom’s Keys, #E9CFB7: rgb(233 207 183), hsl(29 53% 82%), oklch(0.87 0.044 64.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? → · Kingdom’s Keys color name →
#E9CFB7
oklch(0.87 0.044 64.9)
Renk dönüşümleri
- HEX
- #e9cfb7
- RGB
- rgb(233 207 183)
- HSL
- hsl(29 53% 82%)
- HWB
- hwb(29 72% 9%)
- OKLCH
- oklch(0.87 0.044 64.9)
- OKLab
- oklab(0.87 0.018 0.039)
- CIE Lab
- lab(84.86 6.65 15.47)
- LCH
- lch(84.86 16.84 66.7)
- CMYK
- cmyk(0% 11% 21% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EBD4BE
- EED9C5
- F0DDCC
- F2E2D4
- F4E7DB
- F6ECE2
- F9F1E9
- FBF5F0
- FDFAF8
Koyu tonlar
- CBB49F
- AD9987
- 907F70
- 74675A
- 5A4F45
- 413831
- 29231E
- 13100C
- 030202
Gri tonlar
- DEC7B1
- D3BFAC
- C8B7A6
- BEAFA1
- B3A79B
- A99F96
- 9E9790
- 948F8B
- 8A8885
Renk uyumları
Tamamlayıcı +180°
- E9CFB7
Kingdom’s Keys
- BDD8F0
≈ Delicate Blue Mist
Analog -30° +30°
- E9CFB7
Kingdom’s Keys
- EFCBC1
≈ Salmon Tint
- DDD4B5
≈ Banana Frappé
Üçlü +120° +240°
- E9CFB7
Kingdom’s Keys
- B5DED8
≈ Minerva
- DBCEEC
≈ Plum’s the Word
Bölünmüş tamamlayıcı +150° +210°
- E9CFB7
Kingdom’s Keys
- B5DCE6
≈ Rain or Shine
- CBD3F2
≈ Frozen Periwinkle
Dörtlü +90° +180° +270°
- E9CFB7
Kingdom’s Keys
- BFDDC8
≈ Spirited Green
- BDD8F0
≈ Delicate Blue Mist
- E7CAE0
≈ Wisteria Whisper
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.49:1 · APCA Lc 23
Ag
AAASiyah üzerinde
WCAG 14.07:1 · APCA Lc 80
En iyi metin rengi: #000000
WCAG 14.07:1 (AAA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--kingdom-s-keys: #e9cfb7;
--kingdom-s-keys-rgb: 233 207 183;
--kingdom-s-keys-oklch: oklch(0.87 0.044 64.9);
}
.element {
color: var(--kingdom-s-keys);
background-color: hsl(29 53% 82%);
border-color: oklch(0.87 0.044 64.9);
}Tailwind CSS v4
@theme {
--color-kingdom-s-keys: #e9cfb7;
--color-kingdom-s-keys-50: #fef3e8;
--color-kingdom-s-keys-100: #f2e5d9;
--color-kingdom-s-keys-200: #e1d1c1;
--color-kingdom-s-keys-300: #c7b4a0;
--color-kingdom-s-keys-400: #b19a84;
--color-kingdom-s-keys-500: #9b8168;
--color-kingdom-s-keys-600: #836d58;
--color-kingdom-s-keys-700: #695746;
--color-kingdom-s-keys-800: #4d3f33;
--color-kingdom-s-keys-900: #362c23;
--color-kingdom-s-keys-950: #211912;
}SCSS
$kingdom-s-keys: #e9cfb7;
$kingdom-s-keys-rgb: 233, 207, 183;
$kingdom-s-keys-light: mix(#fff, $kingdom-s-keys, 20%);
$kingdom-s-keys-dark: mix(#000, $kingdom-s-keys, 20%);
.element {
color: $kingdom-s-keys;
box-shadow: 0 0 0 2px rgba($kingdom-s-keys, 0.35);
}