Adlandırılmış renk · #CAD2D4
Salina Springs
Salina Springs, #CAD2D4: rgb(202 210 212), hsl(192 10% 81%), oklch(0.858 0.009 214.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Salina Springs color name →
#CAD2D4
oklch(0.858 0.009 214.3)
Renk dönüşümleri
- HEX
- #cad2d4
- RGB
- rgb(202 210 212)
- HSL
- hsl(192 10% 81%)
- HWB
- hwb(192 79% 17%)
- OKLCH
- oklch(0.858 0.009 214.3)
- OKLab
- oklab(0.858 -0.008 -0.005)
- CIE Lab
- lab(83.62 -2.54 -1.99)
- LCH
- lch(83.62 3.22 218.1)
- CMYK
- cmyk(5% 1% 0% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CFD6D8
- D4DBDC
- DADFE1
- DFE4E5
- E4E8E9
- EAEDEE
- EFF1F2
- F4F6F6
- FAFAFB
Koyu tonlar
- AFB6B8
- 959B9D
- 7C8183
- 646869
- 4D5051
- 37393A
- 222424
- 0F1010
- 020202
Gri tonlar
- C2C9CB
- BBC1C3
- B3B9BA
- ACB0B1
- A4A8A9
- 9DA0A1
- 969898
- 8E9090
- 878888
Renk uyumları
Tamamlayıcı +180°
- CAD2D4
Salina Springs
- D6CECC
≈ Smells of Fresh Bread
Analog -30° +30°
- CAD2D4
Salina Springs
- CAD2D1
≈ Killer Fog
- CCD1D6
≈ Light Starlight
Üçlü +120° +240°
- CAD2D4
Salina Springs
- D4CED3
≈ Coverts Wood Pigeon
- D2D0CA
≈ Polar Fox
Bölünmüş tamamlayıcı +150° +210°
- CAD2D4
Salina Springs
- D6CECF
≈ Smells of Fresh Bread
- D5CFCA
≈ Light Taupe White
Dörtlü +90° +180° +270°
- CAD2D4
Salina Springs
- D2CFD5
≈ Jam Session
- D6CECC
≈ Smells of Fresh Bread
- CFD1CB
≈ Moorstone
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.53:1 · APCA Lc 25
Ag
AAASiyah üzerinde
WCAG 13.68:1 · APCA Lc 78
En iyi metin rengi: #000000
WCAG 13.68:1 (AAA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--salina-springs: #cad2d4;
--salina-springs-rgb: 202 210 212;
--salina-springs-oklch: oklch(0.858 0.009 214.3);
}
.element {
color: var(--salina-springs);
background-color: hsl(192 10% 81%);
border-color: oklch(0.858 0.009 214.3);
}Tailwind CSS v4
@theme {
--color-salina-springs: #cad2d4;
--color-salina-springs-50: #f2f6f7;
--color-salina-springs-100: #e5e9ea;
--color-salina-springs-200: #d0d5d7;
--color-salina-springs-300: #b2b9ba;
--color-salina-springs-400: #99a0a2;
--color-salina-springs-500: #80888a;
--color-salina-springs-600: #6c7375;
--color-salina-springs-700: #565c5d;
--color-salina-springs-800: #3f4344;
--color-salina-springs-900: #2b2e2f;
--color-salina-springs-950: #191b1c;
}SCSS
$salina-springs: #cad2d4;
$salina-springs-rgb: 202, 210, 212;
$salina-springs-light: mix(#fff, $salina-springs, 20%);
$salina-springs-dark: mix(#000, $salina-springs, 20%);
.element {
color: $salina-springs;
box-shadow: 0 0 0 2px rgba($salina-springs, 0.35);
}