Colore con nome · #DDF0F0
Soar
Soar è #DDF0F0: rgb(221 240 240), hsl(180 39% 90%), oklch(0.941 0.02 196.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Soar color name →
#DDF0F0
oklch(0.941 0.02 196.8)
Conversioni di colore
- HEX
- #ddf0f0
- RGB
- rgb(221 240 240)
- HSL
- hsl(180 39% 90%)
- HWB
- hwb(180 87% 6%)
- OKLCH
- oklch(0.941 0.02 196.8)
- OKLab
- oklab(0.941 -0.019 -0.006)
- CIE Lab
- lab(93.38 -6.48 -2.26)
- LCH
- lch(93.38 6.86 199.2)
- CMYK
- cmyk(8% 0% 0% 6%)
Tinte · Ombre · Toni
Tinte
- E0F2F1
- E4F3F3
- E7F5F4
- EBF6F6
- EEF8F7
- F1F9F9
- F5FBFA
- F8FCFC
- FCFEFD
Ombre
- C0D1D1
- A4B2B2
- 889595
- 6E7878
- 555D5D
- 3D4343
- 262A2A
- 111414
- 020303
Toni
- D3E4E4
- CAD9D9
- C0CDCD
- B7C2C2
- ADB6B6
- A4ABAB
- 9BA0A0
- 929595
- 898B8B
Armonie di colore
Complementare +180°
- DDF0F0
Soar
- F9E6E7
≈ Rose Sugar
Analogo -30° +30°
- DDF0F0
Soar
- E0F0E9
≈ Aquacade
- DEEFF6
≈ Diamond White
Triadico +120° +240°
Complementare divisa +150° +210°
- DDF0F0
Soar
- F6E6EE
≈ Amour Frais
- F8E8E0
≈ Morning Blush
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.17:1 · APCA Lc 9
Ag
AAASu nero
WCAG 17.79:1 · APCA Lc 96
Miglior colore del testo: #000000
WCAG 17.79:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
CSS
:root {
--soar: #ddf0f0;
--soar-rgb: 221 240 240;
--soar-oklch: oklch(0.941 0.02 196.8);
}
.element {
color: var(--soar);
background-color: hsl(180 39% 90%);
border-color: oklch(0.941 0.02 196.8);
}Tailwind CSS v4
@theme {
--color-soar: #ddf0f0;
--color-soar-50: #eff7f7;
--color-soar-100: #e1eaea;
--color-soar-200: #cbd7d7;
--color-soar-300: #acbbbb;
--color-soar-400: #91a2a2;
--color-soar-500: #778b8b;
--color-soar-600: #657575;
--color-soar-700: #515e5e;
--color-soar-800: #3b4544;
--color-soar-900: #282f2f;
--color-soar-950: #161c1c;
}SCSS
$soar: #ddf0f0;
$soar-rgb: 221, 240, 240;
$soar-light: mix(#fff, $soar, 20%);
$soar-dark: mix(#000, $soar, 20%);
.element {
color: $soar;
box-shadow: 0 0 0 2px rgba($soar, 0.35);
}