Adlandırılmış renk · #5D99B1
Chivalry
Chivalry, #5D99B1: rgb(93 153 177), hsl(197 35% 53%), oklch(0.651 0.072 225.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Chivalry color name →
#5D99B1
oklch(0.651 0.072 225.6)
Renk dönüşümleri
- HEX
- #5d99b1
- RGB
- rgb(93 153 177)
- HSL
- hsl(197 35% 53%)
- HWB
- hwb(197 36% 31%)
- OKLCH
- oklch(0.651 0.072 225.6)
- OKLab
- oklab(0.651 -0.05 -0.051)
- CIE Lab
- lab(59.83 -15.29 -19.01)
- LCH
- lch(59.83 24.4 231.2)
- CMYK
- cmyk(47% 14% 0% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6EA3B9
- 7EADC1
- 8EB7C8
- 9EC1D0
- AECBD8
- BED6E0
- CEE0E7
- DEEAEF
- EFF5F7
Koyu tonlar
- 508499
- 437083
- 375D6C
- 2A4A57
- 1F3842
- 14272F
- 0A171C
- 03080C
- 000101
Gri tonlar
- 6297AC
- 6694A7
- 6A92A2
- 6E8F9D
- 718D99
- 758A94
- 78888F
- 7B858A
- 7D8385
Renk uyumları
Tamamlayıcı +180°
- 5D99B1
Chivalry
- B5826B
≈ Auburn Glaze
Analog -30° +30°
- 5D99B1
Chivalry
- 569D9D
≈ Cold North
- 7292BB
≈ Allure
Üçlü +120° +240°
- 5D99B1
Chivalry
- B07E99
≈ Antique Hot Pink
- 95925E
≈ Tansy Green
Bölünmüş tamamlayıcı +150° +210°
- 5D99B1
Chivalry
- B77E81
≈ Rennie’s Rose
- A98A5D
≈ Iced Coffee
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.15:1 · APCA Lc 59
Ag
AASiyah üzerinde
WCAG 6.65:1 · APCA Lc 43
En iyi metin rengi: #000000
WCAG 6.65:1 (AA) · APCA Lc 43
Contrast pairs
Kod parçacıkları
CSS
:root {
--chivalry: #5d99b1;
--chivalry-rgb: 93 153 177;
--chivalry-oklch: oklch(0.651 0.072 225.6);
}
.element {
color: var(--chivalry);
background-color: hsl(197 35% 53%);
border-color: oklch(0.651 0.072 225.6);
}Tailwind CSS v4
@theme {
--color-chivalry: #5d99b1;
--color-chivalry-50: #e1faff;
--color-chivalry-100: #d0edfb;
--color-chivalry-200: #b5dbed;
--color-chivalry-300: #91bfd4;
--color-chivalry-400: #6fa8bf;
--color-chivalry-500: #4d90aa;
--color-chivalry-600: #427a90;
--color-chivalry-700: #346273;
--color-chivalry-800: #244855;
--color-chivalry-900: #18323b;
--color-chivalry-950: #081e25;
}SCSS
$chivalry: #5d99b1;
$chivalry-rgb: 93, 153, 177;
$chivalry-light: mix(#fff, $chivalry, 20%);
$chivalry-dark: mix(#000, $chivalry, 20%);
.element {
color: $chivalry;
box-shadow: 0 0 0 2px rgba($chivalry, 0.35);
}