Warna bernama · #97A3DA
Dalmatian Sage
Dalmatian Sage adalah #97A3DA: rgb(151 163 218), hsl(229 48% 72%), oklch(0.726 0.081 274.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Blue mean? → · Dalmatian Sage color name →
#97A3DA
oklch(0.726 0.081 274.7)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- A1ACDE
- ABB5E2
- B5BEE6
- BFC7EA
- CAD1ED
- D4DAF1
- DFE3F5
- E9ECF8
- F4F6FC
Shade
- 838DBD
- 6F78A2
- 5C6387
- 494F6C
- 373C54
- 262A3C
- 171925
- 080A11
- 010102
Tone
- 95A0D1
- 929CC8
- 9099BF
- 8E95B6
- 8B92AD
- 898EA4
- 878B9B
- 848792
- 828489
Harmoni warna
Komplementer +180°
- 97A3DA
Dalmatian Sage
- B7A66A
≈ Oatmeal Biscuit
Analog -30° +30°
- 97A3DA
Dalmatian Sage
- 7BACD6
≈ High Seas
- B29AD0
≈ Biloba Flower
Triadik +120° +240°
- 97A3DA
Dalmatian Sage
- D49484
≈ Peach Preserve
- 7DB690
≈ Green Eggs and Ham
Split-komplementer +150° +210°
- 97A3DA
Dalmatian Sage
- CB9C70
≈ Gingersnap
- 9BB077
≈ Rural Eyes
Tetradik +90° +180° +270°
- 97A3DA
Dalmatian Sage
- D391A0
≈ Sugar Tooth
- B7A66A
≈ Oatmeal Biscuit
- 67B7AD
≈ Veranda Blue
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.45:1 · APCA Lc 48
Ag
AAADi atas hitam
WCAG 8.56:1 · APCA Lc 54
Warna teks terbaik: #000000
WCAG 8.56:1 (AAA) · APCA Lc 54
Contrast pairs
Cuplikan kode
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);
}