이름 색상 · #22606E
Excellence
Excellence은(는) #22606E: rgb(34 96 110), hsl(191 53% 28%), oklch(0.456 0.066 215.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Excellence color name →
#22606E
oklch(0.456 0.066 215.4)
색상 변환
- HEX
- #22606e
- RGB
- rgb(34 96 110)
- HSL
- hsl(191 53% 28%)
- HWB
- hwb(191 13% 57%)
- OKLCH
- oklch(0.456 0.066 215.4)
- OKLab
- oklab(0.456 -0.054 -0.038)
- CIE Lab
- lab(37.27 -16.83 -14.17)
- LCH
- lch(37.27 22 220.1)
- CMYK
- cmyk(69% 13% 0% 57%)
틴트 · 셰이드 · 톤
틴트
- 3A6F7C
- 507E89
- 668D98
- 7B9DA6
- 90ADB4
- A6BDC3
- BCCDD2
- D2DDE1
- E8EEF0
셰이드
- 1C525F
- 164550
- 113841
- 0B2C33
- 072026
- 031519
- 010A0E
- 000304
- 000001
톤
- 2F6370
- 396772
- 436A74
- 4D6D75
- 567077
- 5E7479
- 67777B
- 6F7A7D
- 787D7E
색 조화
보색 +180°
- 22606E
Excellence
- 77493D
≈ Fire Roasted
유사색 -30° +30°
- 22606E
Excellence
- 22635C
≈ Verdant Forest
- 365A79
≈ Bluey
삼각 배색 +120° +240°
- 22606E
Excellence
- 6E4965
≈ Dirty Purple
- 625729
≈ Tucumán Green
분열 보색 +150° +210°
- 22606E
Excellence
- 764751
≈ Stoic
- 704F2D
≈ Chocolate Rain
사각 배색 +90° +180° +270°
- 22606E
Excellence
- 604D74
≈ Loganberry
- 77493D
≈ Fire Roasted
- 4E5D34
≈ Woodman
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.07:1 · APCA Lc 84
Ag
Fail검은색 위
WCAG 2.96:1 · APCA Lc 18
가장 좋은 글자색: #FFFFFF
WCAG 7.07:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--excellence: #22606e;
--excellence-rgb: 34 96 110;
--excellence-oklch: oklch(0.456 0.066 215.4);
}
.element {
color: var(--excellence);
background-color: hsl(191 53% 28%);
border-color: oklch(0.456 0.066 215.4);
}Tailwind CSS v4
@theme {
--color-excellence: #22606e;
--color-excellence-50: #e1faff;
--color-excellence-100: #d0eef7;
--color-excellence-200: #b6dce7;
--color-excellence-300: #92c0ce;
--color-excellence-400: #70a9b7;
--color-excellence-500: #4e91a2;
--color-excellence-600: #437b89;
--color-excellence-700: #35626e;
--color-excellence-800: #254850;
--color-excellence-900: #193238;
--color-excellence-950: #091e22;
}SCSS
$excellence: #22606e;
$excellence-rgb: 34, 96, 110;
$excellence-light: mix(#fff, $excellence, 20%);
$excellence-dark: mix(#000, $excellence, 20%);
.element {
color: $excellence;
box-shadow: 0 0 0 2px rgba($excellence, 0.35);
}