Adlandırılmış renk · #EED8BA
Cameo White
Cameo White, #EED8BA: rgb(238 216 186), hsl(35 60% 83%), oklch(0.893 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? → · Cameo White color name →
#EED8BA
oklch(0.893 0.047 75.6)
Renk dönüşümleri
- HEX
- #eed8ba
- RGB
- rgb(238 216 186)
- HSL
- hsl(35 60% 83%)
- HWB
- hwb(35 73% 7%)
- OKLCH
- oklch(0.893 0.047 75.6)
- OKLab
- oklab(0.893 0.012 0.045)
- CIE Lab
- lab(87.6 4.45 17.76)
- LCH
- lch(87.6 18.31 75.9)
- CMYK
- cmyk(0% 9% 22% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0DCC1
- F1E0C8
- F3E4CF
- F5E8D6
- F7EBDC
- F8EFE3
- FAF3EA
- FCF7F1
- FDFBF8
Koyu tonlar
- CFBCA1
- B1A089
- 938572
- 776B5C
- 5C5346
- 423B32
- 2A251E
- 14110D
- 030202
Gri tonlar
- E2CFB4
- D7C6AE
- CCBDA8
- C1B4A3
- B6AB9D
- ABA297
- A09A91
- 95918C
- 8A8886
Renk uyumları
Tamamlayıcı +180°
- EED8BA
Cameo White
- C8DEFB
≈ Arc Light
Analog -30° +30°
- EED8BA
Cameo White
- F7D3C2
≈ Demure Pink
- DFDEBB
≈ Forest Found
Üçlü +120° +240°
- EED8BA
Cameo White
- B9E6E5
≈ Refreshing Pool
- E8D3F1
≈ Lavender Princess
Bölünmüş tamamlayıcı +150° +210°
- EED8BA
Cameo White
- BCE3F3
≈ Breaking the Ice
- D8D8FA
≈ Japan Blush
Dörtlü +90° +180° +270°
- EED8BA
Cameo White
- C0E6D4
≈ Workout Green
- C8DEFB
≈ Arc Light
- F4D0E2
≈ Minimal Rose
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.38:1 · APCA Lc 19
Ag
AAASiyah üzerinde
WCAG 15.16:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 15.16:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--cameo-white: #eed8ba;
--cameo-white-rgb: 238 216 186;
--cameo-white-oklch: oklch(0.893 0.047 75.6);
}
.element {
color: var(--cameo-white);
background-color: hsl(35 60% 83%);
border-color: oklch(0.893 0.047 75.6);
}Tailwind CSS v4
@theme {
--color-cameo-white: #eed8ba;
--color-cameo-white-50: #fdf4e7;
--color-cameo-white-100: #f1e6d7;
--color-cameo-white-200: #e0d2bf;
--color-cameo-white-300: #c5b59d;
--color-cameo-white-400: #af9b80;
--color-cameo-white-500: #988264;
--color-cameo-white-600: #816e55;
--color-cameo-white-700: #675843;
--color-cameo-white-800: #4c4030;
--color-cameo-white-900: #352c21;
--color-cameo-white-950: #201910;
}SCSS
$cameo-white: #eed8ba;
$cameo-white-rgb: 238, 216, 186;
$cameo-white-light: mix(#fff, $cameo-white, 20%);
$cameo-white-dark: mix(#000, $cameo-white, 20%);
.element {
color: $cameo-white;
box-shadow: 0 0 0 2px rgba($cameo-white, 0.35);
}