이름 색상 · #7F97B5
Denim Tradition
Denim Tradition은(는) #7F97B5: rgb(127 151 181), hsl(213 27% 60%), oklch(0.669 0.052 254.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Denim Tradition color name →
#7F97B5
oklch(0.669 0.052 254.2)
색상 변환
- HEX
- #7f97b5
- RGB
- rgb(127 151 181)
- HSL
- hsl(213 27% 60%)
- HWB
- hwb(213 50% 29%)
- OKLCH
- oklch(0.669 0.052 254.2)
- OKLab
- oklab(0.669 -0.014 -0.05)
- CIE Lab
- lab(61.4 -3.38 -18.66)
- LCH
- lch(61.4 18.96 259.7)
- CMYK
- cmyk(30% 17% 0% 29%)
틴트 · 셰이드 · 톤
틴트
- 8BA1BC
- 98ABC4
- A4B5CB
- B1C0D3
- BDCADA
- CAD4E1
- D7DFE9
- E4EAF0
- F2F4F8
셰이드
- 6E839D
- 5D6F86
- 4C5C6F
- 3C4959
- 2D3744
- 1F2630
- 11171D
- 06080C
- 010102
톤
- 7F95B0
- 7F92AA
- 8090A5
- 808EA0
- 808C9A
- 808995
- 808790
- 80858B
- 808285
색 조화
보색 +180°
- 7F97B5
Denim Tradition
- A89171
≈ Hiking Trail
유사색 -30° +30°
- 7F97B5
Denim Tradition
- 729CAD
≈ Meetinghouse Blue
- 9091B5
≈ Fresh Lavender
삼각 배색 +120° +240°
- 7F97B5
Denim Tradition
- B3888B
≈ Bashful Rose
- 889C7C
≈ Sweet Florence
분열 보색 +150° +210°
- 7F97B5
Denim Tradition
- B18B7B
≈ Maui Poi
- 9A9772
≈ Silk Road
사각 배색 +90° +180° +270°
- 7F97B5
Denim Tradition
- AD889D
≈ Orchid Haze
- A89171
≈ Hiking Trail
- 779F8C
≈ Mizuasagi Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.00:1 · APCA Lc 57
Ag
AA검은색 위
WCAG 6.99:1 · APCA Lc 45
가장 좋은 글자색: #000000
WCAG 6.99:1 (AA) · APCA Lc 45
Contrast pairs
코드 스니펫
CSS
:root {
--denim-tradition: #7f97b5;
--denim-tradition-rgb: 127 151 181;
--denim-tradition-oklch: oklch(0.669 0.052 254.2);
}
.element {
color: var(--denim-tradition);
background-color: hsl(213 27% 60%);
border-color: oklch(0.669 0.052 254.2);
}Tailwind CSS v4
@theme {
--color-denim-tradition: #7f97b5;
--color-denim-tradition-50: #ecf6ff;
--color-denim-tradition-100: #dde9fa;
--color-denim-tradition-200: #c6d6eb;
--color-denim-tradition-300: #a6b9d3;
--color-denim-tradition-400: #8aa1bd;
--color-denim-tradition-500: #6e88a9;
--color-denim-tradition-600: #5e738f;
--color-denim-tradition-700: #4b5c72;
--color-denim-tradition-800: #354454;
--color-denim-tradition-900: #242f3b;
--color-denim-tradition-950: #131b25;
}SCSS
$denim-tradition: #7f97b5;
$denim-tradition-rgb: 127, 151, 181;
$denim-tradition-light: mix(#fff, $denim-tradition, 20%);
$denim-tradition-dark: mix(#000, $denim-tradition, 20%);
.element {
color: $denim-tradition;
box-shadow: 0 0 0 2px rgba($denim-tradition, 0.35);
}