이름 색상 · #5D99B1
Chivalry
Chivalry은(는) #5D99B1: rgb(93 153 177), hsl(197 35% 53%), oklch(0.651 0.072 225.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Chivalry color name →
#5D99B1
oklch(0.651 0.072 225.6)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 6EA3B9
- 7EADC1
- 8EB7C8
- 9EC1D0
- AECBD8
- BED6E0
- CEE0E7
- DEEAEF
- EFF5F7
셰이드
- 508499
- 437083
- 375D6C
- 2A4A57
- 1F3842
- 14272F
- 0A171C
- 03080C
- 000101
톤
- 6297AC
- 6694A7
- 6A92A2
- 6E8F9D
- 718D99
- 758A94
- 78888F
- 7B858A
- 7D8385
색 조화
보색 +180°
- 5D99B1
Chivalry
- B5826B
≈ Auburn Glaze
유사색 -30° +30°
- 5D99B1
Chivalry
- 569D9D
≈ Cold North
- 7292BB
≈ Allure
삼각 배색 +120° +240°
- 5D99B1
Chivalry
- B07E99
≈ Antique Hot Pink
- 95925E
≈ Tansy Green
분열 보색 +150° +210°
- 5D99B1
Chivalry
- B77E81
≈ Rennie’s Rose
- A98A5D
≈ Iced Coffee
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.15:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.65:1 · APCA Lc 43
가장 좋은 글자색: #000000
WCAG 6.65:1 (AA) · APCA Lc 43
Contrast pairs
코드 스니펫
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);
}