En yakın adlandırılmış renk · #576C9A
#576C9A
En yakın adlandırılmış renk: Haunt Mist
#576C9A (rgb(87 108 154), hsl(221 28% 47%), oklch(0.534 0.077 265.1)) en çok Haunt Mist adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#576C9A
oklch(0.534 0.077 265.1)
Renk dönüşümleri
- HEX
- #576c9a
- RGB
- rgb(87 108 154)
- HSL
- hsl(221 28% 47%)
- HWB
- hwb(221 34% 40%)
- OKLCH
- oklch(0.534 0.077 265.1)
- OKLab
- oklab(0.534 -0.007 -0.077)
- CIE Lab
- lab(45.4 1.56 -27.86)
- LCH
- lch(45.4 27.91 273.2)
- CMYK
- cmyk(44% 30% 0% 40%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 667AA4
- 7688AE
- 8696B8
- 97A5C2
- A7B3CD
- B8C2D7
- CAD1E1
- DBE0EB
- EDF0F5
Koyu tonlar
- 4B5D85
- 3E4E71
- 33405E
- 27324B
- 1C2539
- 121927
- 080D17
- 030409
- 000001
Gri tonlar
- 5B6E98
- 5F7095
- 637293
- 677590
- 6B778E
- 70788B
- 747A89
- 787C86
- 7C7E83
Renk uyumları
Tamamlayıcı +180°
- 576C9A
Haunt Mist
- 816935
≈ By Gum
Analog -30° +30°
- 576C9A
Haunt Mist
- 3C7493
≈ Harbour Blue
- 706495
≈ Pandora
Üçlü +120° +240°
- 576C9A
Haunt Mist
- 955B56
≈ Copper Mining
- 507951
≈ Torrey Pine
Bölünmüş tamamlayıcı +150° +210°
- 576C9A
Haunt Mist
- 8F6140
≈ Fertile Soil
- 6B723C
≈ Cedar Green
Dörtlü +90° +180° +270°
- 576C9A
Haunt Mist
- 905A6F
≈ Carnation Festival
- 816935
≈ By Gum
- 347B6A
≈ Census
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.22:1 · APCA Lc 76
Ag
FailSiyah üzerinde
WCAG 4.01:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--haunt-mist: #576c9a;
--haunt-mist-rgb: 87 108 154;
--haunt-mist-oklch: oklch(0.534 0.077 265.1);
}
.element {
color: var(--haunt-mist);
background-color: hsl(221 28% 47%);
border-color: oklch(0.534 0.077 265.1);
}Tailwind CSS v4
@theme {
--color-haunt-mist: #576c9a;
--color-haunt-mist-50: #ebf5ff;
--color-haunt-mist-100: #dce8ff;
--color-haunt-mist-200: #c5d4f6;
--color-haunt-mist-300: #a6b7e0;
--color-haunt-mist-400: #889ecd;
--color-haunt-mist-500: #6d85ba;
--color-haunt-mist-600: #5d719d;
--color-haunt-mist-700: #4a5a7e;
--color-haunt-mist-800: #34425d;
--color-haunt-mist-900: #242e41;
--color-haunt-mist-950: #121a2a;
}SCSS
$haunt-mist: #576c9a;
$haunt-mist-rgb: 87, 108, 154;
$haunt-mist-light: mix(#fff, $haunt-mist, 20%);
$haunt-mist-dark: mix(#000, $haunt-mist, 20%);
.element {
color: $haunt-mist;
box-shadow: 0 0 0 2px rgba($haunt-mist, 0.35);
}