En yakın adlandırılmış renk · #EFC5A6
#EFC5A6
En yakın adlandırılmış renk: Fabulous Fawn
#EFC5A6 (rgb(239 197 166), hsl(25 70% 79%), oklch(0.852 0.064 58.2)) en çok Fabulous Fawn 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.
#EFC5A6
oklch(0.852 0.064 58.2)
Renk dönüşümleri
- HEX
- #efc5a6
- RGB
- rgb(239 197 166)
- HSL
- hsl(25 70% 79%)
- HWB
- hwb(25 65% 6%)
- OKLCH
- oklch(0.852 0.064 58.2)
- OKLab
- oklab(0.852 0.033 0.054)
- CIE Lab
- lab(82.67 12.2 21.51)
- LCH
- lch(82.67 24.73 60.4)
- CMYK
- cmyk(0% 18% 31% 6%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F1CBAF
- F3D1B8
- F4D6C1
- F6DCC9
- F8E2D2
- F9E8DB
- FBEEE4
- FCF3ED
- FEF9F6
Koyu tonlar
- D0AB90
- B1927A
- 947965
- 786151
- 5C4B3E
- 42352B
- 2A211A
- 140E0A
- 030201
Gri tonlar
- E3BEA2
- D8B79F
- CDB09B
- C2A997
- B6A293
- AB9B90
- A0948C
- 958E88
- 8B8784
Renk uyumları
Tamamlayıcı +180°
- EFC5A6
Fabulous Fawn
- A8D5F4
≈ Juzcar Blue
Analog -30° +30°
- EFC5A6
Fabulous Fawn
- F5BFB7
≈ Dainty Debutante
- E0CD9F
≈ Prairie Land
Üçlü +120° +240°
- EFC5A6
Fabulous Fawn
- A2DDCF
≈ Sparkling Mint
- D3C6F3
≈ Soap
Bölünmüş tamamlayıcı +150° +210°
- EFC5A6
Fabulous Fawn
- 9DDBE4
≈ Cool Water Lake
- BDCEF9
≈ Ice Cold Stare
Dörtlü +90° +180° +270°
- EFC5A6
Fabulous Fawn
- B3DBB8
≈ Ice Mist
- A8D5F4
≈ Juzcar Blue
- E6C0E4
≈ Prom Corsage
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.59:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.20:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.20:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--fabulous-fawn: #efc5a6;
--fabulous-fawn-rgb: 239 197 166;
--fabulous-fawn-oklch: oklch(0.852 0.064 58.2);
}
.element {
color: var(--fabulous-fawn);
background-color: hsl(25 70% 79%);
border-color: oklch(0.852 0.064 58.2);
}Tailwind CSS v4
@theme {
--color-fabulous-fawn: #efc5a6;
--color-fabulous-fawn-50: #fff1e3;
--color-fabulous-fawn-100: #f9e4d3;
--color-fabulous-fawn-200: #e9cfba;
--color-fabulous-fawn-300: #d0b097;
--color-fabulous-fawn-400: #bc9679;
--color-fabulous-fawn-500: #a67c5c;
--color-fabulous-fawn-600: #8d694e;
--color-fabulous-fawn-700: #71543e;
--color-fabulous-fawn-800: #543d2d;
--color-fabulous-fawn-900: #3a2a1e;
--color-fabulous-fawn-950: #24170e;
}SCSS
$fabulous-fawn: #efc5a6;
$fabulous-fawn-rgb: 239, 197, 166;
$fabulous-fawn-light: mix(#fff, $fabulous-fawn, 20%);
$fabulous-fawn-dark: mix(#000, $fabulous-fawn, 20%);
.element {
color: $fabulous-fawn;
box-shadow: 0 0 0 2px rgba($fabulous-fawn, 0.35);
}