Adlandırılmış renk · #22578A
Strong Will
Strong Will, #22578A: rgb(34 87 138), hsl(209 60% 34%), oklch(0.448 0.101 250.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Strong Will color name →
#22578A
oklch(0.448 0.101 250.4)
Renk dönüşümleri
- HEX
- #22578a
- RGB
- rgb(34 87 138)
- HSL
- hsl(209 60% 34%)
- HWB
- hwb(209 13% 46%)
- OKLCH
- oklch(0.448 0.101 250.4)
- OKLab
- oklab(0.448 -0.034 -0.095)
- CIE Lab
- lab(35.46 -3.69 -34.07)
- LCH
- lch(35.46 34.27 263.8)
- CMYK
- cmyk(75% 37% 0% 46%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 396796
- 4E77A2
- 6488AD
- 7998B9
- 8FA9C5
- A4BAD1
- BBCBDC
- D1DCE8
- E8EDF3
Koyu tonlar
- 1C4B77
- 163E65
- 113353
- 0B2742
- 071C32
- 031222
- 010814
- 000307
- 000001
Gri tonlar
- 2E5B89
- 386089
- 426488
- 4B6887
- 546C86
- 5D7185
- 667484
- 6F7883
- 777C82
Renk uyumları
Tamamlayıcı +180°
- 22578A
Strong Will
- 764900
≈ Flat Brown
Analog -30° +30°
- 22578A
Strong Will
- 005E74
≈ Lyons Blue
- 4B4C8B
≈ Beaded Blue
Üçlü +120° +240°
- 22578A
Strong Will
- 823A47
≈ Camelot
- 415F1C
≈ Rainforest Matcha
Bölünmüş tamamlayıcı +150° +210°
- 22578A
Strong Will
- 823E25
≈ Dusky Orange
- 615500
≈ Olive Brown
Dörtlü +90° +180° +270°
- 22578A
Strong Will
- 793C66
≈ Burnt Orchid
- 764900
≈ Flat Brown
- 006541
≈ Aotake Bamboo
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.50:1 · APCA Lc 86
Ag
FailSiyah üzerinde
WCAG 2.79:1 · APCA Lc 16
En iyi metin rengi: #FFFFFF
WCAG 7.50:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--strong-will: #22578a;
--strong-will-rgb: 34 87 138;
--strong-will-oklch: oklch(0.448 0.101 250.4);
}
.element {
color: var(--strong-will);
background-color: hsl(209 60% 34%);
border-color: oklch(0.448 0.101 250.4);
}Tailwind CSS v4
@theme {
--color-strong-will: #22578a;
--color-strong-will-50: #e1f8ff;
--color-strong-will-100: #d1ebff;
--color-strong-will-200: #b6d8ff;
--color-strong-will-300: #92bbea;
--color-strong-will-400: #70a3d8;
--color-strong-will-500: #4f8ac6;
--color-strong-will-600: #4475a7;
--color-strong-will-700: #365e86;
--color-strong-will-800: #244564;
--color-strong-will-900: #183046;
--color-strong-will-950: #091c2d;
}SCSS
$strong-will: #22578a;
$strong-will-rgb: 34, 87, 138;
$strong-will-light: mix(#fff, $strong-will, 20%);
$strong-will-dark: mix(#000, $strong-will, 20%);
.element {
color: $strong-will;
box-shadow: 0 0 0 2px rgba($strong-will, 0.35);
}