Adlandırılmış renk · #DDF0F0
Soar
Soar, #DDF0F0: rgb(221 240 240), hsl(180 39% 90%), oklch(0.941 0.02 196.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Soar color name →
#DDF0F0
oklch(0.941 0.02 196.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E0F2F1
- E4F3F3
- E7F5F4
- EBF6F6
- EEF8F7
- F1F9F9
- F5FBFA
- F8FCFC
- FCFEFD
Koyu tonlar
- C0D1D1
- A4B2B2
- 889595
- 6E7878
- 555D5D
- 3D4343
- 262A2A
- 111414
- 020303
Gri tonlar
- D3E4E4
- CAD9D9
- C0CDCD
- B7C2C2
- ADB6B6
- A4ABAB
- 9BA0A0
- 929595
- 898B8B
Renk uyumları
Tamamlayıcı +180°
- DDF0F0
Soar
- F9E6E7
≈ Rose Sugar
Analog -30° +30°
- DDF0F0
Soar
- E0F0E9
≈ Aquacade
- DEEFF6
≈ Diamond White
Üçlü +120° +240°
Bölünmüş tamamlayıcı +150° +210°
- DDF0F0
Soar
- F6E6EE
≈ Amour Frais
- F8E8E0
≈ Morning Blush
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.17:1 · APCA Lc 9
Ag
AAASiyah üzerinde
WCAG 17.79:1 · APCA Lc 96
En iyi metin rengi: #000000
WCAG 17.79:1 (AAA) · APCA Lc 96
Contrast pairs
Kod parçacıkları
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);
}