Nazwany kolor · #E0C5A1
Fortune Cookie
Fortune Cookie to #E0C5A1: rgb(224 197 161), hsl(34 50% 75%), oklch(0.837 0.057 74.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Fortune Cookie color name →
#E0C5A1
oklch(0.837 0.057 74.8)
Konwersje koloru
- HEX
- #e0c5a1
- RGB
- rgb(224 197 161)
- HSL
- hsl(34 50% 75%)
- HWB
- hwb(34 63% 12%)
- OKLCH
- oklch(0.837 0.057 74.8)
- OKLab
- oklab(0.837 0.015 0.055)
- CIE Lab
- lab(81.17 5.91 21.82)
- LCH
- lch(81.17 22.6 74.8)
- CMYK
- cmyk(0% 12% 28% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E3CBAA
- E6D1B4
- E9D6BD
- EDDCC6
- F0E2D0
- F3E8D9
- F6EEE3
- F9F3EC
- FCF9F6
Odcienie ciemniejsze
- C3AB8B
- A69276
- 8A7962
- 70614E
- 564B3C
- 3E352A
- 272119
- 120E09
- 020201
Tony
- D6BE9E
- CCB79B
- C2B097
- B9A994
- AFA291
- A59B8E
- 9C948A
- 938D87
- 898783
Harmonie kolorów
Komplementarna +180°
- E0C5A1
Fortune Cookie
- B1CCEF
≈ Alphabet Blue
Analogowa -30° +30°
- E0C5A1
Fortune Cookie
- EABFAC
≈ Retro Peach
- CFCCA2
≈ Wasabi Zing
Triada +120° +240°
- E0C5A1
Fortune Cookie
- 9ED6D5
≈ Shallow Shoal
- D8BFE4
≈ Sky Blue Pink
Komplementarna rozszczepiona +150° +210°
- E0C5A1
Fortune Cookie
- A2D2E6
≈ Chefchaouen Blue
- C5C5EE
≈ Violet Gems
Tetrada +90° +180° +270°
- E0C5A1
Fortune Cookie
- A8D6C0
≈ Southern Belle
- B1CCEF
≈ Alphabet Blue
- E6BBD2
≈ Eau de Rose
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.65:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.67:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.67:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--fortune-cookie: #e0c5a1;
--fortune-cookie-rgb: 224 197 161;
--fortune-cookie-oklch: oklch(0.837 0.057 74.8);
}
.element {
color: var(--fortune-cookie);
background-color: hsl(34 50% 75%);
border-color: oklch(0.837 0.057 74.8);
}Tailwind CSS v4
@theme {
--color-fortune-cookie: #e0c5a1;
--color-fortune-cookie-50: #fff3e4;
--color-fortune-cookie-100: #f3e6d3;
--color-fortune-cookie-200: #e2d2ba;
--color-fortune-cookie-300: #c8b497;
--color-fortune-cookie-400: #b39a79;
--color-fortune-cookie-500: #9d815b;
--color-fortune-cookie-600: #846d4e;
--color-fortune-cookie-700: #6a573e;
--color-fortune-cookie-800: #4f3f2c;
--color-fortune-cookie-900: #372c1e;
--color-fortune-cookie-950: #22190e;
}SCSS
$fortune-cookie: #e0c5a1;
$fortune-cookie-rgb: 224, 197, 161;
$fortune-cookie-light: mix(#fff, $fortune-cookie, 20%);
$fortune-cookie-dark: mix(#000, $fortune-cookie, 20%);
.element {
color: $fortune-cookie;
box-shadow: 0 0 0 2px rgba($fortune-cookie, 0.35);
}