Cor nomeada mais próxima · #E5EFFF
#E5EFFF
Cor nomeada mais próxima: Cotton Boll
#E5EFFF (rgb(229 239 255), hsl(217 100% 95%), oklch(0.949 0.024 259.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.
#E5EFFF
oklch(0.949 0.024 259.8)
Conversões de cor
- HEX
- #e5efff
- RGB
- rgb(229 239 255)
- HSL
- hsl(217 100% 95%)
- HWB
- hwb(217 90% 0%)
- OKLCH
- oklch(0.949 0.024 259.8)
- OKLab
- oklab(0.949 -0.004 -0.024)
- CIE Lab
- lab(94.04 -1.17 -8.94)
- LCH
- lch(94.04 9.02 262.6)
- CMYK
- cmyk(10% 6% 0% 0%)
Tons claros · Sombras · Tons
Tons claros
- E8F1FF
- EAF2FF
- EDF4FF
- EFF5FF
- F2F7FF
- F5F9FF
- F7FAFF
- FAFCFF
- FCFDFF
Sombras
- C7D0DE
- AAB1BE
- 8E949E
- 727880
- 585C63
- 3F4248
- 282A2E
- 121416
- 030303
Tons
- DAE3F2
- D0D8E4
- C6CCD7
- BBC1CA
- B1B6BE
- A7ABB1
- 9DA0A4
- 939598
- 8A8B8C
Harmonias de cor
Complementar +180°
- E5EFFF
Cotton Boll
- F7EDDD
≈ Citrus Mist
Análoga -30° +30°
- E5EFFF
Cotton Boll
- DFF2FC
≈ Wizard White
- EDECFE
≈ Placebo Purple
Tríade +120° +240°
- E5EFFF
Cotton Boll
- FEE8E8
≈ Sheer Rosebud
- E6F3E3
≈ Dinner Mint
Complementar dividida +150° +210°
- E5EFFF
Cotton Boll
- FDEAE0
≈ Chablis
- EFF0DE
≈ Highlight
Tétrade +90° +180° +270°
- E5EFFF
Cotton Boll
- FCE8F0
≈ Nosegay
- F7EDDD
≈ Citrus Mist
- DFF4EC
≈ Glacier Bay
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.15:1 · APCA Lc 7
Ag
AAASobre preto
WCAG 18.12:1 · APCA Lc 97
Melhor cor de texto: #000000
WCAG 18.12:1 (AAA) · APCA Lc 97
Contrast pairs
Trechos de código
CSS
:root {
--cotton-boll: #e5efff;
--cotton-boll-rgb: 229 239 255;
--cotton-boll-oklch: oklch(0.949 0.024 259.8);
}
.element {
color: var(--cotton-boll);
background-color: hsl(217 100% 95%);
border-color: oklch(0.949 0.024 259.8);
}Tailwind CSS v4
@theme {
--color-cotton-boll: #e5efff;
--color-cotton-boll-50: #f1f5fc;
--color-cotton-boll-100: #e3e8f0;
--color-cotton-boll-200: #cfd4df;
--color-cotton-boll-300: #b1b8c4;
--color-cotton-boll-400: #969fad;
--color-cotton-boll-500: #7d8797;
--color-cotton-boll-600: #6a727f;
--color-cotton-boll-700: #555b66;
--color-cotton-boll-800: #3d434b;
--color-cotton-boll-900: #2a2e34;
--color-cotton-boll-950: #181b1f;
}SCSS
$cotton-boll: #e5efff;
$cotton-boll-rgb: 229, 239, 255;
$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);
}