Colore con nome più vicino · #D0EFEC
#D0EFEC
Colore con nome più vicino: Spa
#D0EFEC (rgb(208 239 236), hsl(174 49% 88%), oklch(0.929 0.033 189.5)) è più vicino al colore con nome Spa. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#D0EFEC
oklch(0.929 0.033 189.5)
Conversioni di colore
- HEX
- #d0efec
- RGB
- rgb(208 239 236)
- HSL
- hsl(174 49% 88%)
- HWB
- hwb(174 82% 6%)
- OKLCH
- oklch(0.929 0.033 189.5)
- OKLab
- oklab(0.929 -0.032 -0.005)
- CIE Lab
- lab(92.13 -10.9 -2.14)
- LCH
- lch(92.13 11.11 191.1)
- CMYK
- cmyk(13% 0% 1% 6%)
Tinte · Ombre · Toni
Tinte
- D5F1EE
- DAF2F0
- DEF4F2
- E3F5F4
- E8F7F5
- ECF9F7
- F1FAF9
- F6FCFB
- FAFDFD
Ombre
- B5D0CD
- 9AB1AF
- 809492
- 677876
- 4F5C5B
- 394242
- 232A29
- 101413
- 020303
Toni
- C8E3E1
- C0D8D5
- B8CCCA
- AFC1BF
- A7B6B4
- 9FABAA
- 98A09F
- 909595
- 888B8A
Armonie di colore
Complementare +180°
- D0EFEC
Spa
- FCDFE3
≈ Sweet Mallow
Analogo -30° +30°
- D0EFEC
Spa
- D6EFE0
≈ Pondscape
- D1EDF7
≈ Blue Hijab
Triadico +120° +240°
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.21:1 · APCA Lc 11
Ag
AAASu nero
WCAG 17.23:1 · APCA Lc 93
Miglior colore del testo: #000000
WCAG 17.23:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--spa: #d0efec;
--spa-rgb: 208 239 236;
--spa-oklch: oklch(0.929 0.033 189.5);
}
.element {
color: var(--spa);
background-color: hsl(174 49% 88%);
border-color: oklch(0.929 0.033 189.5);
}Tailwind CSS v4
@theme {
--color-spa: #d0efec;
--color-spa-50: #ebf8f7;
--color-spa-100: #dcecea;
--color-spa-200: #c5d9d8;
--color-spa-300: #a5bdbb;
--color-spa-400: #89a5a2;
--color-spa-500: #6e8d8b;
--color-spa-600: #5d7875;
--color-spa-700: #4a605e;
--color-spa-800: #364644;
--color-spa-900: #25312f;
--color-spa-950: #131d1c;
}SCSS
$spa: #d0efec;
$spa-rgb: 208, 239, 236;
$spa-light: mix(#fff, $spa, 20%);
$spa-dark: mix(#000, $spa, 20%);
.element {
color: $spa;
box-shadow: 0 0 0 2px rgba($spa, 0.35);
}