Color con nombre · #EDE5CF
Atlas White
Atlas White es #EDE5CF: rgb(237 229 207), hsl(44 45% 87%), oklch(0.922 0.03 90.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Atlas White color name →
#EDE5CF
oklch(0.922 0.03 90.3)
Conversiones de color
- HEX
- #ede5cf
- RGB
- rgb(237 229 207)
- HSL
- hsl(44 45% 87%)
- HWB
- hwb(44 81% 7%)
- OKLCH
- oklch(0.922 0.03 90.3)
- OKLab
- oklab(0.922 0 0.03)
- CIE Lab
- lab(91.14 0.11 11.79)
- LCH
- lch(91.14 11.79 89.5)
- CMYK
- cmyk(0% 3% 13% 7%)
Tintes · Sombras · Tonos
Tintes
- EFE8D4
- F1EAD9
- F2EDDD
- F4EFE2
- F6F2E7
- F8F5EC
- FAF7F1
- FBFAF5
- FDFCFA
Sombras
- CEC7B4
- B0AA99
- 938E7F
- 777267
- 5C584F
- 423F38
- 2A2823
- 141210
- 030302
Tonos
- E2DAC7
- D6D0BF
- CBC6B7
- C0BBAF
- B5B1A7
- AAA79F
- 9F9D97
- 95938F
- 8A8A88
Armonías de color
Complementario +180°
- EDE5CF
Atlas White
- DDE5FA
≈ Lavender Mist
Análogo -30° +30°
- EDE5CF
Atlas White
- F5E1D2
≈ Posy
- E2E9D2
≈ Mediterranean Green
Triádico +120° +240°
- EDE5CF
Atlas White
- CFEBF1
≈ Chalky Blue White
- F2DEEF
≈ Divine Dove
Complementario dividido +150° +210°
- EDE5CF
Atlas White
- D4E9F8
≈ Freezing Vapour
- E8E1F7
≈ Lavender Mist
Tetrádico +90° +180° +270°
- EDE5CF
Atlas White
- D1ECE6
≈ Adriatic Mist
- DDE5FA
≈ Lavender Mist
- F8DDE4
≈ Marshmallow Heart
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.25:1 · APCA Lc 13
Ag
AAASobre negro
WCAG 16.70:1 · APCA Lc 91
Mejor color de texto: #000000
WCAG 16.70:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmentos de código
CSS
:root {
--atlas-white: #ede5cf;
--atlas-white-rgb: 237 229 207;
--atlas-white-oklch: oklch(0.922 0.03 90.3);
}
.element {
color: var(--atlas-white);
background-color: hsl(44 45% 87%);
border-color: oklch(0.922 0.03 90.3);
}Tailwind CSS v4
@theme {
--color-atlas-white: #ede5cf;
--color-atlas-white-50: #f8f5ec;
--color-atlas-white-100: #ebe8dd;
--color-atlas-white-200: #d9d4c6;
--color-atlas-white-300: #bdb7a6;
--color-atlas-white-400: #a59e8a;
--color-atlas-white-500: #8e8670;
--color-atlas-white-600: #78715f;
--color-atlas-white-700: #605a4b;
--color-atlas-white-800: #474237;
--color-atlas-white-900: #312e25;
--color-atlas-white-950: #1d1a14;
}SCSS
$atlas-white: #ede5cf;
$atlas-white-rgb: 237, 229, 207;
$atlas-white-light: mix(#fff, $atlas-white, 20%);
$atlas-white-dark: mix(#000, $atlas-white, 20%);
.element {
color: $atlas-white;
box-shadow: 0 0 0 2px rgba($atlas-white, 0.35);
}