Nazwany kolor · #E29D94
Coral Almond
Coral Almond to #E29D94: rgb(226 157 148), hsl(7 57% 73%), oklch(0.761 0.084 27.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Coral Almond color name →
#E29D94
oklch(0.761 0.084 27.5)
Konwersje koloru
- HEX
- #e29d94
- RGB
- rgb(226 157 148)
- HSL
- hsl(7 57% 73%)
- HWB
- hwb(7 58% 11%)
- OKLCH
- oklch(0.761 0.084 27.5)
- OKLab
- oklab(0.761 0.075 0.039)
- CIE Lab
- lab(71.48 25.66 15.64)
- LCH
- lch(71.48 30.05 31.4)
- CMYK
- cmyk(0% 31% 35% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E6A79E
- E9B0A9
- ECBAB3
- EFC4BE
- F2CEC9
- F5D8D3
- F8E1DE
- FAEBE9
- FDF5F4
Odcienie ciemniejsze
- C48880
- A8736D
- 8C5F5A
- 714C48
- 573A36
- 3E2826
- 271816
- 120908
- 030101
Tony
- D89A92
- CE9890
- C5958E
- BB928C
- B18F8A
- A78C88
- 9E8986
- 948684
- 8A8382
Harmonie kolorów
Komplementarna +180°
- E29D94
Coral Almond
- 6CC1CD
≈ Luna Moona
Analogowa -30° +30°
- E29D94
Coral Almond
- DE9BB1
≈ Rose Delight
- DBA47C
≈ Honey Bronze
Triada +120° +240°
- E29D94
Coral Almond
- 8DC093
≈ Country Weekend
- 9AB0E8
≈ Blue Skies Today
Komplementarna rozszczepiona +150° +210°
- E29D94
Coral Almond
- 73C3B1
≈ Miami Teal
- 7DBAE1
≈ Enchanting
Tetrada +90° +180° +270°
- E29D94
Coral Almond
- ADB97B
≈ Green Curry
- 6CC1CD
≈ Luna Moona
- B7A6E1
≈ Enchanted Lavender
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.21:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.48:1 · APCA Lc 59
Najlepszy kolor tekstu: #000000
WCAG 9.48:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmenty kodu
CSS
:root {
--coral-almond: #e29d94;
--coral-almond-rgb: 226 157 148;
--coral-almond-oklch: oklch(0.761 0.084 27.5);
}
.element {
color: var(--coral-almond);
background-color: hsl(7 57% 73%);
border-color: oklch(0.761 0.084 27.5);
}Tailwind CSS v4
@theme {
--color-coral-almond: #e29d94;
--color-coral-almond-50: #ffede7;
--color-coral-almond-100: #ffded8;
--color-coral-almond-200: #f6c8c0;
--color-coral-almond-300: #dfa89e;
--color-coral-almond-400: #cc8b83;
--color-coral-almond-500: #b77067;
--color-coral-almond-600: #9b5f58;
--color-coral-almond-700: #7c4c46;
--color-coral-almond-800: #5c3733;
--color-coral-almond-900: #412523;
--color-coral-almond-950: #291412;
}SCSS
$coral-almond: #e29d94;
$coral-almond-rgb: 226, 157, 148;
$coral-almond-light: mix(#fff, $coral-almond, 20%);
$coral-almond-dark: mix(#000, $coral-almond, 20%);
.element {
color: $coral-almond;
box-shadow: 0 0 0 2px rgba($coral-almond, 0.35);
}