Cor nomeada mais próxima · #E7FAE9
#E7FAE9
Cor nomeada mais próxima: Frozen Civilization
#E7FAE9 (rgb(231 250 233), hsl(126 66% 94%), oklch(0.966 0.03 148.4)) é mais próxima da cor nomeada Frozen Civilization. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E7FAE9
oklch(0.966 0.03 148.4)
Conversões de cor
- HEX
- #e7fae9
- RGB
- rgb(231 250 233)
- HSL
- hsl(126 66% 94%)
- HWB
- hwb(126 91% 2%)
- OKLCH
- oklch(0.966 0.03 148.4)
- OKLab
- oklab(0.966 -0.026 0.016)
- CIE Lab
- lab(96.51 -8.73 5.94)
- LCH
- lch(96.51 10.56 145.8)
- CMYK
- cmyk(8% 0% 7% 2%)
Tons claros · Sombras · Tons
Tons claros
- E9FBEB
- ECFBED
- EEFCF0
- F1FCF2
- F3FDF4
- F5FDF6
- F8FEF8
- FAFEFB
- FDFFFD
Sombras
- C9D9CB
- ABBAAD
- 8F9B90
- 737D74
- 59615A
- 404641
- 282D29
- 131513
- 030303
Tons
- DCEDDE
- D2E0D3
- C7D4C8
- BDC7BE
- B2BBB3
- A8AFA9
- 9EA39E
- 949794
- 8A8C8A
Harmonias de cor
Complementar +180°
- E7FAE9
Frozen Civilization
- FFEEFE
≈ Lovely Euphoric Delight
Análoga -30° +30°
- E7FAE9
Frozen Civilization
- F2F7E1
≈ Lemon Sugar
- E0FBF4
≈ Mint Condition
Tríade +120° +240°
- E7FAE9
Frozen Civilization
- EFF4FF
≈ Placebo Blue
- FFF0EE
≈ Sefid White
Complementar dividida +150° +210°
- E7FAE9
Frozen Civilization
- F5F2FF
≈ Cloud Break
- FFEFF4
≈ Powder Puff
Tétrade +90° +180° +270°
- E7FAE9
Frozen Civilization
- E9F6FF
≈ Kodama White
- FFEEFE
≈ Lovely Euphoric Delight
- FFF1E7
≈ Pico Ivory
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.09:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 19.24:1 · APCA Lc 101
Melhor cor de texto: #000000
WCAG 19.24:1 (AAA) · APCA Lc 101
Contrast pairs
Trechos de código
CSS
:root {
--frozen-civilization: #e7fae9;
--frozen-civilization-rgb: 231 250 233;
--frozen-civilization-oklch: oklch(0.966 0.03 148.4);
}
.element {
color: var(--frozen-civilization);
background-color: hsl(126 66% 94%);
border-color: oklch(0.966 0.03 148.4);
}Tailwind CSS v4
@theme {
--color-frozen-civilization: #e7fae9;
--color-frozen-civilization-50: #eff8f1;
--color-frozen-civilization-100: #e1ebe3;
--color-frozen-civilization-200: #ccd8ce;
--color-frozen-civilization-300: #adbcb0;
--color-frozen-civilization-400: #93a495;
--color-frozen-civilization-500: #798c7b;
--color-frozen-civilization-600: #677668;
--color-frozen-civilization-700: #525f53;
--color-frozen-civilization-800: #3c453c;
--color-frozen-civilization-900: #293029;
--color-frozen-civilization-950: #171c17;
}SCSS
$frozen-civilization: #e7fae9;
$frozen-civilization-rgb: 231, 250, 233;
$frozen-civilization-light: mix(#fff, $frozen-civilization, 20%);
$frozen-civilization-dark: mix(#000, $frozen-civilization, 20%);
.element {
color: $frozen-civilization;
box-shadow: 0 0 0 2px rgba($frozen-civilization, 0.35);
}