Cor nomeada mais próxima · #E9EEFA
#E9EEFA
Cor nomeada mais próxima: Cotton Boll
#E9EEFA (rgb(233 238 250), hsl(222 63% 95%), oklch(0.949 0.017 267.8)) é mais próxima da cor nomeada Cotton Boll. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E9EEFA
oklch(0.949 0.017 267.8)
Conversões de cor
- HEX
- #e9eefa
- RGB
- rgb(233 238 250)
- HSL
- hsl(222 63% 95%)
- HWB
- hwb(222 91% 2%)
- OKLCH
- oklch(0.949 0.017 267.8)
- OKLab
- oklab(0.949 -0.001 -0.017)
- CIE Lab
- lab(93.98 -0.07 -6.42)
- LCH
- lch(93.98 6.42 269.4)
- CMYK
- cmyk(7% 5% 0% 2%)
Tons claros · Sombras · Tons
Tons claros
- EBF0FB
- EDF1FB
- F0F3FC
- F2F5FC
- F4F6FD
- F6F8FD
- F8FAFE
- FBFCFE
- FDFDFF
Sombras
- CBCFD9
- ADB1BA
- 90939B
- 74777D
- 5A5C61
- 414246
- 292A2D
- 131415
- 030303
Tons
- DEE2ED
- D3D7E0
- C8CCD4
- BEC1C7
- B3B5BB
- A9AAAF
- 9EA0A3
- 949597
- 8A8A8C
Harmonias de cor
Complementar +180°
- E9EEFA
Cotton Boll
- F3EEE2
≈ Cream White
Análoga -30° +30°
- E9EEFA
Cotton Boll
- E4F0F8
≈ Clear Vision
- EFECF8
≈ Placebo Purple
Tríade +120° +240°
- E9EEFA
Cotton Boll
- F9EAE8
≈ Ballerina Gown
- E7F1E8
≈ Dew
Complementar dividida +150° +210°
- E9EEFA
Cotton Boll
- F7ECE3
≈ Champagne Flute
- EDF0E3
≈ Star Magnolia
Tétrade +90° +180° +270°
- E9EEFA
Cotton Boll
- F8EAEE
≈ Morning Shine
- F3EEE2
≈ Cream White
- E3F2EE
≈ Chilly White
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.16:1 · APCA Lc 8
Ag
AAASobre preto
WCAG 18.07:1 · APCA Lc 97
Melhor cor de texto: #000000
WCAG 18.07:1 (AAA) · APCA Lc 97
Contrast pairs
Trechos de código
CSS
:root {
--cotton-boll: #e9eefa;
--cotton-boll-rgb: 233 238 250;
--cotton-boll-oklch: oklch(0.949 0.017 267.8);
}
.element {
color: var(--cotton-boll);
background-color: hsl(222 63% 95%);
border-color: oklch(0.949 0.017 267.8);
}Tailwind CSS v4
@theme {
--color-cotton-boll: #e9eefa;
--color-cotton-boll-50: #f3f5fa;
--color-cotton-boll-100: #e5e8ee;
--color-cotton-boll-200: #d1d4dc;
--color-cotton-boll-300: #b4b7c0;
--color-cotton-boll-400: #9a9ea9;
--color-cotton-boll-500: #818692;
--color-cotton-boll-600: #6d717b;
--color-cotton-boll-700: #575b63;
--color-cotton-boll-800: #404248;
--color-cotton-boll-900: #2c2e32;
--color-cotton-boll-950: #191b1e;
}SCSS
$cotton-boll: #e9eefa;
$cotton-boll-rgb: 233, 238, 250;
$cotton-boll-light: mix(#fff, $cotton-boll, 20%);
$cotton-boll-dark: mix(#000, $cotton-boll, 20%);
.element {
color: $cotton-boll;
box-shadow: 0 0 0 2px rgba($cotton-boll, 0.35);
}