Cor nomeada · #E2CCBA
Safari Map
Safari Map é #E2CCBA: rgb(226 204 186), hsl(27 41% 81%), oklch(0.859 0.035 61.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Safari Map color name →
#E2CCBA
oklch(0.859 0.035 61.6)
Conversões de cor
- HEX
- #e2ccba
- RGB
- rgb(226 204 186)
- HSL
- hsl(27 41% 81%)
- HWB
- hwb(27 73% 11%)
- OKLCH
- oklch(0.859 0.035 61.6)
- OKLab
- oklab(0.859 0.017 0.031)
- CIE Lab
- lab(83.54 5.83 11.95)
- LCH
- lch(83.54 13.3 64)
- CMYK
- cmyk(0% 10% 18% 11%)
Tons claros · Sombras · Tons
Tons claros
- E5D1C1
- E8D6C8
- EBDBCE
- EEE0D5
- F1E5DC
- F4EAE3
- F6F0EA
- F9F5F1
- FCFAF8
Sombras
- C4B1A1
- A89789
- 8C7E72
- 71655C
- 574E46
- 3E3732
- 27221E
- 120F0D
- 030202
Tons
- D8C4B4
- CEBCAE
- C4B5A8
- BAADA2
- B0A59D
- A69E97
- 9C9691
- 938F8B
- 898786
Harmonias de cor
Complementar +180°
- E2CCBA
Safari Map
- BDD4E6
≈ Beau Blue
Análoga -30° +30°
- E2CCBA
Safari Map
- E7C9C3
≈ Tangy Taffy
- D9D0B7
≈ Lake Bluff Putty
Tríade +120° +240°
- E2CCBA
Safari Map
- B9D8D2
≈ High Point
- D4CCE4
≈ Vision
Complementar dividida +150° +210°
- E2CCBA
Safari Map
- B8D7DE
≈ Everglade Mist
- C8D0E8
≈ Arctic Glow
Tétrade +90° +180° +270°
- E2CCBA
Safari Map
- C1D8C5
≈ Edgewater
- BDD4E6
≈ Beau Blue
- DFC9DB
≈ Decadial Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.54:1 · APCA Lc 25
Ag
AAASobre preto
WCAG 13.57:1 · APCA Lc 78
Melhor cor de texto: #000000
WCAG 13.57:1 (AAA) · APCA Lc 78
Contrast pairs
Trechos de código
CSS
:root {
--safari-map: #e2ccba;
--safari-map-rgb: 226 204 186;
--safari-map-oklch: oklch(0.859 0.035 61.6);
}
.element {
color: var(--safari-map);
background-color: hsl(27 41% 81%);
border-color: oklch(0.859 0.035 61.6);
}Tailwind CSS v4
@theme {
--color-safari-map: #e2ccba;
--color-safari-map-50: #fdf3eb;
--color-safari-map-100: #f1e6dc;
--color-safari-map-200: #dfd1c5;
--color-safari-map-300: #c5b4a5;
--color-safari-map-400: #ae9a8a;
--color-safari-map-500: #98816f;
--color-safari-map-600: #806e5e;
--color-safari-map-700: #67584b;
--color-safari-map-800: #4c4036;
--color-safari-map-900: #352c25;
--color-safari-map-950: #201914;
}SCSS
$safari-map: #e2ccba;
$safari-map-rgb: 226, 204, 186;
$safari-map-light: mix(#fff, $safari-map, 20%);
$safari-map-dark: mix(#000, $safari-map, 20%);
.element {
color: $safari-map;
box-shadow: 0 0 0 2px rgba($safari-map, 0.35);
}