Couleur nommée · #E5C7B9
Lyman Camellia
Lyman Camellia correspond à #E5C7B9 : rgb(229 199 185), hsl(19 46% 81%), oklch(0.851 0.039 46.6). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Lyman Camellia color name →
#E5C7B9
oklch(0.851 0.039 46.6)
Conversions de couleur
- HEX
- #e5c7b9
- RGB
- rgb(229 199 185)
- HSL
- hsl(19 46% 81%)
- HWB
- hwb(19 73% 10%)
- OKLCH
- oklch(0.851 0.039 46.6)
- OKLab
- oklab(0.851 0.027 0.028)
- CIE Lab
- lab(82.55 9.32 11.14)
- LCH
- lch(82.55 14.52 50.1)
- CMYK
- cmyk(0% 13% 19% 10%)
Teintes · Ombres · Tons
Teintes
- E8CDC0
- EAD2C7
- EDD8CE
- F0DDD5
- F2E3DC
- F5E8E3
- F7EEEA
- FAF4F1
- FDF9F8
Ombres
- C7ADA0
- AA9389
- 8E7A71
- 72625B
- 584C46
- 3F3631
- 28211E
- 120E0D
- 030202
Tons
- DBC0B3
- D0B8AD
- C6B1A8
- BCAAA2
- B1A39C
- A79C96
- 9D9591
- 938E8B
- 8A8786
Harmonies de couleurs
Complémentaire +180°
- E5C7B9
Lyman Camellia
- B4D4E2
≈ Pale Whale
Analogue -30° +30°
- E5C7B9
Lyman Camellia
- E7C4C5
≈ Cranapple Cream
- DDCBB2
≈ Toledo Cuoio
Triadique +120° +240°
- E5C7B9
Lyman Camellia
- B7D7C9
≈ Gemini
- CCCBE7
≈ Foggy Plateau
Complémentaire divisée +150° +210°
- E5C7B9
Lyman Camellia
- B1D7D7
≈ Timeless
- BED0E8
≈ Misty Mountains
Tétradique +90° +180° +270°
- E5C7B9
Lyman Camellia
- C3D5BB
≈ Surf Crest
- B4D4E2
≈ Pale Whale
- D9C7E0
≈ Purity
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.59:1 · APCA Lc 27
Ag
AAASur noir
WCAG 13.20:1 · APCA Lc 76
Meilleure couleur de texte: #000000
WCAG 13.20:1 (AAA) · APCA Lc 76
Contrast pairs
Extraits de code
CSS
:root {
--lyman-camellia: #e5c7b9;
--lyman-camellia-rgb: 229 199 185;
--lyman-camellia-oklch: oklch(0.851 0.039 46.6);
}
.element {
color: var(--lyman-camellia);
background-color: hsl(19 46% 81%);
border-color: oklch(0.851 0.039 46.6);
}Tailwind CSS v4
@theme {
--color-lyman-camellia: #e5c7b9;
--color-lyman-camellia-50: #fff2ec;
--color-lyman-camellia-100: #f4e4dd;
--color-lyman-camellia-200: #e3d0c6;
--color-lyman-camellia-300: #c9b2a6;
--color-lyman-camellia-400: #b3988b;
--color-lyman-camellia-500: #9d7f70;
--color-lyman-camellia-600: #856b5f;
--color-lyman-camellia-700: #6a564c;
--color-lyman-camellia-800: #4e3e37;
--color-lyman-camellia-900: #372b26;
--color-lyman-camellia-950: #211814;
}SCSS
$lyman-camellia: #e5c7b9;
$lyman-camellia-rgb: 229, 199, 185;
$lyman-camellia-light: mix(#fff, $lyman-camellia, 20%);
$lyman-camellia-dark: mix(#000, $lyman-camellia, 20%);
.element {
color: $lyman-camellia;
box-shadow: 0 0 0 2px rgba($lyman-camellia, 0.35);
}