Cor nomeada mais próxima · #D2F8FF
#D2F8FF
Cor nomeada mais próxima: Vaporised
#D2F8FF (rgb(210 248 255), hsl(189 100% 91%), oklch(0.954 0.04 210)) é mais próxima da cor nomeada Vaporised. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#D2F8FF
oklch(0.954 0.04 210)
Conversões de cor
- HEX
- #d2f8ff
- RGB
- rgb(210 248 255)
- HSL
- hsl(189 100% 91%)
- HWB
- hwb(189 82% 0%)
- OKLCH
- oklch(0.954 0.04 210)
- OKLab
- oklab(0.954 -0.035 -0.02)
- CIE Lab
- lab(95.03 -11.59 -7.68)
- LCH
- lch(95.03 13.91 213.5)
- CMYK
- cmyk(18% 3% 0% 0%)
Tons claros · Sombras · Tons
Tons claros
- D7F9FF
- DBF9FF
- E0FAFF
- E4FBFF
- E9FCFF
- EDFCFF
- F2FDFF
- F6FEFF
- FBFEFF
Sombras
- B6D8DE
- 9BB8BE
- 819A9E
- 687C80
- 506063
- 394548
- 242C2E
- 101516
- 020303
Tons
- CAEBF2
- C1DFE4
- B9D3D7
- B1C6CA
- A9BABE
- A0AEB1
- 98A3A4
- 909798
- 888B8C
Harmonias de cor
Complementar +180°
- D2F8FF
Vaporised
- FFEBE7
≈ Rose Frost
Análoga -30° +30°
- D2F8FF
Vaporised
- D4F9F1
≈ Mid Spring Morning
- E2F3FF
≈ Wizard White
Tríade +120° +240°
- D2F8FF
Vaporised
- FFE8FC
≈ Fairy Bubblegum Cloud
- FAEFD2
≈ Andover Cream
Complementar dividida +150° +210°
- D2F8FF
Vaporised
- FFEAEF
≈ Rose Mochi
- FFECDD
≈ Flowerbed
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.12:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 18.61:1 · APCA Lc 99
Melhor cor de texto: #000000
WCAG 18.61:1 (AAA) · APCA Lc 99
Contrast pairs
Trechos de código
CSS
:root {
--vaporised: #d2f8ff;
--vaporised-rgb: 210 248 255;
--vaporised-oklch: oklch(0.954 0.04 210);
}
.element {
color: var(--vaporised);
background-color: hsl(189 100% 91%);
border-color: oklch(0.954 0.04 210);
}Tailwind CSS v4
@theme {
--color-vaporised: #d2f8ff;
--color-vaporised-50: #e9f8fc;
--color-vaporised-100: #d9ecf0;
--color-vaporised-200: #c2d9de;
--color-vaporised-300: #a1bdc3;
--color-vaporised-400: #83a5ac;
--color-vaporised-500: #678e95;
--color-vaporised-600: #57787e;
--color-vaporised-700: #466065;
--color-vaporised-800: #32464a;
--color-vaporised-900: #223133;
--color-vaporised-950: #111d1f;
}SCSS
$vaporised: #d2f8ff;
$vaporised-rgb: 210, 248, 255;
$vaporised-light: mix(#fff, $vaporised, 20%);
$vaporised-dark: mix(#000, $vaporised, 20%);
.element {
color: $vaporised;
box-shadow: 0 0 0 2px rgba($vaporised, 0.35);
}