Adlandırılmış renk · #EACFC2
Angelico
Angelico, #EACFC2: rgb(234 207 194), hsl(20 49% 84%), oklch(0.874 0.035 47.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Angelico color name →
#EACFC2
oklch(0.874 0.035 47.4)
Renk dönüşümleri
- HEX
- #eacfc2
- RGB
- rgb(234 207 194)
- HSL
- hsl(20 49% 84%)
- HWB
- hwb(20 76% 8%)
- OKLCH
- oklch(0.874 0.035 47.4)
- OKLab
- oklab(0.874 0.024 0.026)
- CIE Lab
- lab(85.15 8.23 10.12)
- LCH
- lch(85.15 13.05 50.9)
- CMYK
- cmyk(0% 12% 17% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ECD4C8
- EED9CE
- F1DDD4
- F3E2DA
- F5E7E0
- F7ECE6
- F9F0EC
- FBF5F3
- FDFAF9
Koyu tonlar
- CBB4A8
- AE998F
- 917F77
- 756760
- 5A4F49
- 413834
- 292320
- 13100E
- 030202
Gri tonlar
- DFC7BB
- D4BFB4
- C9B7AE
- BEAFA7
- B4A7A0
- A99F9A
- 9F9793
- 948F8D
- 8A8886
Renk uyumları
Tamamlayıcı +180°
- EACFC2
Angelico
- BEDBE8
≈ Pacific Breeze
Analog -30° +30°
- EACFC2
Angelico
- ECCDCD
≈ Kislev Pink
- E3D3BC
≈ Antique Buff
Üçlü +120° +240°
Bölünmüş tamamlayıcı +150° +210°
- EACFC2
Angelico
- BCDDDD
≈ Mech Suit
- C7D7ED
≈ Murano Soft Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.47:1 · APCA Lc 23
Ag
AAASiyah üzerinde
WCAG 14.20:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.20:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--angelico: #eacfc2;
--angelico-rgb: 234 207 194;
--angelico-oklch: oklch(0.874 0.035 47.4);
}
.element {
color: var(--angelico);
background-color: hsl(20 49% 84%);
border-color: oklch(0.874 0.035 47.4);
}Tailwind CSS v4
@theme {
--color-angelico: #eacfc2;
--color-angelico-50: #fef2ec;
--color-angelico-100: #f2e5de;
--color-angelico-200: #e2d0c7;
--color-angelico-300: #c7b3a8;
--color-angelico-400: #b1998d;
--color-angelico-500: #9b8072;
--color-angelico-600: #836c61;
--color-angelico-700: #69564d;
--color-angelico-800: #4d3f38;
--color-angelico-900: #362b27;
--color-angelico-950: #211915;
}SCSS
$angelico: #eacfc2;
$angelico-rgb: 234, 207, 194;
$angelico-light: mix(#fff, $angelico, 20%);
$angelico-dark: mix(#000, $angelico, 20%);
.element {
color: $angelico;
box-shadow: 0 0 0 2px rgba($angelico, 0.35);
}