Adlandırılmış renk · #EEC87C
Almond Cookie
Almond Cookie, #EEC87C: rgb(238 200 124), hsl(40 77% 71%), oklch(0.849 0.104 83.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Almond Cookie color name →
#EEC87C
oklch(0.849 0.104 83.7)
Renk dönüşümleri
- HEX
- #eec87c
- RGB
- rgb(238 200 124)
- HSL
- hsl(40 77% 71%)
- HWB
- hwb(40 49% 7%)
- OKLCH
- oklch(0.849 0.104 83.7)
- OKLab
- oklab(0.849 0.011 0.103)
- CIE Lab
- lab(82.73 6.96 43.09)
- LCH
- lch(82.73 43.65 80.8)
- CMYK
- cmyk(0% 16% 48% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0CE8A
- F2D398
- F3D9A5
- F5DEB2
- F7E4BF
- F9E9CC
- FAEFD9
- FCF4E6
- FDFAF2
Koyu tonlar
- CFAE6B
- B1945A
- 937B4A
- 77633B
- 5C4C2C
- 42361E
- 2A2111
- 140F05
- 030201
Gri tonlar
- E3C17E
- D7B97F
- CCB280
- C1AB81
- B6A481
- AB9D81
- A09581
- 958E81
- 8B8781
Renk uyumları
Tamamlayıcı +180°
- EEC87C
Almond Cookie
- B5CEFF
≈ Ice Cold Stare
Analog -30° +30°
- EEC87C
Almond Cookie
- FFBD93
≈ Sunset Cruise
- CDD585
≈ Lime Sherbet
Üçlü +120° +240°
- EEC87C
Almond Cookie
- 70E2EC
≈ Turkish Turquoise
- EFB7F5
≈ Euphoria
Bölünmüş tamamlayıcı +150° +210°
- EEC87C
Almond Cookie
- 92D8FF
≈ Shiva Blue
- D0C4FF
≈ Innocent Snowdrop
Dörtlü +90° +180° +270°
- EEC87C
Almond Cookie
- 7FE4C8
≈ Clean Green
- B5CEFF
≈ Ice Cold Stare
- FFB4D2
≈ Pink Cattleya
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.59:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.18:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.18:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--almond-cookie: #eec87c;
--almond-cookie-rgb: 238 200 124;
--almond-cookie-oklch: oklch(0.849 0.104 83.7);
}
.element {
color: var(--almond-cookie);
background-color: hsl(40 77% 71%);
border-color: oklch(0.849 0.104 83.7);
}Tailwind CSS v4
@theme {
--color-almond-cookie: #eec87c;
--color-almond-cookie-50: #fff4d4;
--color-almond-cookie-100: #f8e6c1;
--color-almond-cookie-200: #e8d2a2;
--color-almond-cookie-300: #cfb479;
--color-almond-cookie-400: #bc9952;
--color-almond-cookie-500: #a77f24;
--color-almond-cookie-600: #8d6c21;
--color-almond-cookie-700: #71561a;
--color-almond-cookie-800: #543e11;
--color-almond-cookie-900: #3b2b0b;
--color-almond-cookie-950: #251801;
}SCSS
$almond-cookie: #eec87c;
$almond-cookie-rgb: 238, 200, 124;
$almond-cookie-light: mix(#fff, $almond-cookie, 20%);
$almond-cookie-dark: mix(#000, $almond-cookie, 20%);
.element {
color: $almond-cookie;
box-shadow: 0 0 0 2px rgba($almond-cookie, 0.35);
}