Cor nomeada mais próxima · #E3F3F9
#E3F3F9
Cor nomeada mais próxima: Diamond White
#E3F3F9 (rgb(227 243 249), hsl(196 65% 93%), oklch(0.954 0.019 222.2)) é mais próxima da cor nomeada Diamond White. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E3F3F9
oklch(0.954 0.019 222.2)
Conversões de cor
- HEX
- #e3f3f9
- RGB
- rgb(227 243 249)
- HSL
- hsl(196 65% 93%)
- HWB
- hwb(196 89% 2%)
- OKLCH
- oklch(0.954 0.019 222.2)
- OKLab
- oklab(0.954 -0.014 -0.013)
- CIE Lab
- lab(94.77 -4.6 -4.81)
- LCH
- lch(94.77 6.66 226.2)
- CMYK
- cmyk(9% 2% 0% 2%)
Tons claros · Sombras · Tons
Tons claros
- E6F4FA
- E9F5FA
- EBF7FB
- EEF8FB
- F1F9FC
- F4FAFD
- F7FBFD
- F9FDFE
- FCFEFE
Sombras
- C5D3D9
- A8B4B9
- 8C979A
- 717A7D
- 575E61
- 3F4446
- 272B2C
- 121415
- 030303
Tons
- D9E7EC
- CEDBE0
- C4CFD3
- BAC3C7
- B0B8BB
- A6ACAF
- 9DA1A3
- 939697
- 898B8B
Harmonias de cor
Complementar +180°
- E3F3F9
Diamond White
- FCECE6
≈ Soft Pink Mist
Análoga -30° +30°
- E3F3F9
Diamond White
- E2F4F3
≈ Bone-Chilling
- E7F1FD
≈ Cotton Boll
Tríade +120° +240°
- E3F3F9
Diamond White
- F9EBF3
≈ Placebo Magenta
- F2F1E2
≈ Ryu’s Kimono
Complementar dividida +150° +210°
- E3F3F9
Diamond White
- FCEBEC
≈ Placebo Red
- F8EEE2
≈ White Zin
Tétrade +90° +180° +270°
- E3F3F9
Diamond White
- F4ECF9
≈ Perfume Haze
- FCECE6
≈ Soft Pink Mist
- EBF3E6
≈ Glacier Ivy
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.13:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 18.45:1 · APCA Lc 98
Melhor cor de texto: #000000
WCAG 18.45:1 (AAA) · APCA Lc 98
Contrast pairs
Trechos de código
CSS
:root {
--diamond-white: #e3f3f9;
--diamond-white-rgb: 227 243 249;
--diamond-white-oklch: oklch(0.954 0.019 222.2);
}
.element {
color: var(--diamond-white);
background-color: hsl(196 65% 93%);
border-color: oklch(0.954 0.019 222.2);
}Tailwind CSS v4
@theme {
--color-diamond-white: #e3f3f9;
--color-diamond-white-50: #f0f6f9;
--color-diamond-white-100: #e2e9ec;
--color-diamond-white-200: #ccd6da;
--color-diamond-white-300: #aebabf;
--color-diamond-white-400: #93a1a6;
--color-diamond-white-500: #79898f;
--color-diamond-white-600: #677479;
--color-diamond-white-700: #525d61;
--color-diamond-white-800: #3c4447;
--color-diamond-white-900: #292f31;
--color-diamond-white-950: #171c1d;
}SCSS
$diamond-white: #e3f3f9;
$diamond-white-rgb: 227, 243, 249;
$diamond-white-light: mix(#fff, $diamond-white, 20%);
$diamond-white-dark: mix(#000, $diamond-white, 20%);
.element {
color: $diamond-white;
box-shadow: 0 0 0 2px rgba($diamond-white, 0.35);
}