Adlandırılmış renk · #EFC1A6
Alesan
Alesan, #EFC1A6: rgb(239 193 166), hsl(22 70% 79%), oklch(0.845 0.064 52). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Alesan color name →
#EFC1A6
oklch(0.845 0.064 52)
Renk dönüşümleri
- HEX
- #efc1a6
- RGB
- rgb(239 193 166)
- HSL
- hsl(22 70% 79%)
- HWB
- hwb(22 65% 6%)
- OKLCH
- oklch(0.845 0.064 52)
- OKLab
- oklab(0.845 0.04 0.051)
- CIE Lab
- lab(81.7 14.19 20.19)
- LCH
- lch(81.7 24.68 54.9)
- CMYK
- cmyk(0% 19% 31% 6%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F1C7AF
- F3CDB8
- F4D4C1
- F6DAC9
- F8E0D2
- F9E6DB
- FBECE4
- FCF3ED
- FEF9F6
Koyu tonlar
- D0A790
- B18F7A
- 947765
- 785F51
- 5C493E
- 42342B
- 2A201A
- 140E0A
- 030201
Gri tonlar
- E4BAA2
- D8B49F
- CDAD9B
- C2A797
- B6A093
- AB9A8F
- A0938C
- 968D88
- 8B8684
Renk uyumları
Tamamlayıcı +180°
- EFC1A6
Alesan
- A2D4EF
≈ Light Shimmer
Analog -30° +30°
- EFC1A6
Alesan
- F4BCB9
≈ Pinkathon
- E1C99D
≈ So Close
Üçlü +120° +240°
- EFC1A6
Alesan
- A1DAC7
≈ Pageant Green
- CCC5F3
≈ Soap
Bölünmüş tamamlayıcı +150° +210°
- EFC1A6
Alesan
- 9AD9DE
≈ Exotic Escape
- B5CDF7
≈ Ice Cold Stare
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.63:1 · APCA Lc 28
Ag
AAASiyah üzerinde
WCAG 12.84:1 · APCA Lc 75
En iyi metin rengi: #000000
WCAG 12.84:1 (AAA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--alesan: #efc1a6;
--alesan-rgb: 239 193 166;
--alesan-oklch: oklch(0.845 0.064 52);
}
.element {
color: var(--alesan);
background-color: hsl(22 70% 79%);
border-color: oklch(0.845 0.064 52);
}Tailwind CSS v4
@theme {
--color-alesan: #efc1a6;
--color-alesan-50: #fff1e4;
--color-alesan-100: #fae3d4;
--color-alesan-200: #ebcebb;
--color-alesan-300: #d2af99;
--color-alesan-400: #be947c;
--color-alesan-500: #a97a5e;
--color-alesan-600: #8f6850;
--color-alesan-700: #725340;
--color-alesan-800: #553c2e;
--color-alesan-900: #3b291f;
--color-alesan-950: #25170f;
}SCSS
$alesan: #efc1a6;
$alesan-rgb: 239, 193, 166;
$alesan-light: mix(#fff, $alesan, 20%);
$alesan-dark: mix(#000, $alesan, 20%);
.element {
color: $alesan;
box-shadow: 0 0 0 2px rgba($alesan, 0.35);
}