Adlandırılmış renk · #97A3DA
Dalmatian Sage
Dalmatian Sage, #97A3DA: rgb(151 163 218), hsl(229 48% 72%), oklch(0.726 0.081 274.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Dalmatian Sage color name →
#97A3DA
oklch(0.726 0.081 274.7)
Renk dönüşümleri
- HEX
- #97a3da
- RGB
- rgb(151 163 218)
- HSL
- hsl(229 48% 72%)
- HWB
- hwb(229 59% 15%)
- OKLCH
- oklch(0.726 0.081 274.7)
- OKLab
- oklab(0.726 0.007 -0.081)
- CIE Lab
- lab(67.57 5.17 -29.61)
- LCH
- lch(67.57 30.06 279.9)
- CMYK
- cmyk(31% 25% 0% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A1ACDE
- ABB5E2
- B5BEE6
- BFC7EA
- CAD1ED
- D4DAF1
- DFE3F5
- E9ECF8
- F4F6FC
Koyu tonlar
- 838DBD
- 6F78A2
- 5C6387
- 494F6C
- 373C54
- 262A3C
- 171925
- 080A11
- 010102
Gri tonlar
- 95A0D1
- 929CC8
- 9099BF
- 8E95B6
- 8B92AD
- 898EA4
- 878B9B
- 848792
- 828489
Renk uyumları
Tamamlayıcı +180°
- 97A3DA
Dalmatian Sage
- B7A66A
≈ Oatmeal Biscuit
Analog -30° +30°
- 97A3DA
Dalmatian Sage
- 7BACD6
≈ High Seas
- B29AD0
≈ Biloba Flower
Üçlü +120° +240°
- 97A3DA
Dalmatian Sage
- D49484
≈ Peach Preserve
- 7DB690
≈ Green Eggs and Ham
Bölünmüş tamamlayıcı +150° +210°
- 97A3DA
Dalmatian Sage
- CB9C70
≈ Gingersnap
- 9BB077
≈ Rural Eyes
Dörtlü +90° +180° +270°
- 97A3DA
Dalmatian Sage
- D391A0
≈ Sugar Tooth
- B7A66A
≈ Oatmeal Biscuit
- 67B7AD
≈ Veranda Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.45:1 · APCA Lc 48
Ag
AAASiyah üzerinde
WCAG 8.56:1 · APCA Lc 54
En iyi metin rengi: #000000
WCAG 8.56:1 (AAA) · APCA Lc 54
Contrast pairs
Kod parçacıkları
CSS
:root {
--dalmatian-sage: #97a3da;
--dalmatian-sage-rgb: 151 163 218;
--dalmatian-sage-oklch: oklch(0.726 0.081 274.7);
}
.element {
color: var(--dalmatian-sage);
background-color: hsl(229 48% 72%);
border-color: oklch(0.726 0.081 274.7);
}Tailwind CSS v4
@theme {
--color-dalmatian-sage: #97a3da;
--color-dalmatian-sage-50: #eff4ff;
--color-dalmatian-sage-100: #e0e6ff;
--color-dalmatian-sage-200: #cbd2f8;
--color-dalmatian-sage-300: #acb4e1;
--color-dalmatian-sage-400: #909bcf;
--color-dalmatian-sage-500: #7682bc;
--color-dalmatian-sage-600: #646e9f;
--color-dalmatian-sage-700: #50587f;
--color-dalmatian-sage-800: #39405f;
--color-dalmatian-sage-900: #272c42;
--color-dalmatian-sage-950: #15192b;
}SCSS
$dalmatian-sage: #97a3da;
$dalmatian-sage-rgb: 151, 163, 218;
$dalmatian-sage-light: mix(#fff, $dalmatian-sage, 20%);
$dalmatian-sage-dark: mix(#000, $dalmatian-sage, 20%);
.element {
color: $dalmatian-sage;
box-shadow: 0 0 0 2px rgba($dalmatian-sage, 0.35);
}