이름 색상 · #31646E
Pedigree
Pedigree은(는) #31646E: rgb(49 100 110), hsl(190 38% 31%), oklch(0.472 0.057 212). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Pedigree color name →
#31646E
oklch(0.472 0.057 212)
색상 변환
- HEX
- #31646e
- RGB
- rgb(49 100 110)
- HSL
- hsl(190 38% 31%)
- HWB
- hwb(190 19% 57%)
- OKLCH
- oklch(0.472 0.057 212)
- OKLab
- oklab(0.472 -0.048 -0.03)
- CIE Lab
- lab(39.18 -15.51 -11.24)
- LCH
- lch(39.18 19.15 215.9)
- CMYK
- cmyk(55% 9% 0% 57%)
틴트 · 셰이드 · 톤
틴트
- 46727C
- 5A8189
- 6E9097
- 829FA6
- 96AFB4
- AABEC3
- BFCED1
- D4DEE0
- E9EFF0
셰이드
- 29565F
- 224850
- 1A3B41
- 132E33
- 0C2226
- 061619
- 030B0E
- 010304
- 000001
톤
- 3A6770
- 436A72
- 4B6D74
- 536F75
- 5B7277
- 637579
- 6A787B
- 717B7C
- 797D7E
색 조화
보색 +180°
- 31646E
Pedigree
- 785047
≈ Ancho Pepper
유사색 -30° +30°
- 31646E
Pedigree
- 33665E
≈ Alliance
- 3E5F79
≈ Chinese Porcelain
삼각 배색 +120° +240°
- 31646E
Pedigree
- 6F506A
≈ Hibernation
- 675B35
≈ Beach Casuarina
분열 보색 +150° +210°
- 31646E
Pedigree
- 774E59
≈ Fine Wine
- 73543A
≈ Ancient Root
사각 배색 +90° +180° +270°
- 31646E
Pedigree
- 615476
≈ Taylor
- 785047
≈ Ancho Pepper
- 56613C
≈ Cactus Green
대비 및 접근성
Ag
AA흰색 위
WCAG 6.60:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 3.17:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 6.60:1 (AA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--pedigree: #31646e;
--pedigree-rgb: 49 100 110;
--pedigree-oklch: oklch(0.472 0.057 212);
}
.element {
color: var(--pedigree);
background-color: hsl(190 38% 31%);
border-color: oklch(0.472 0.057 212);
}Tailwind CSS v4
@theme {
--color-pedigree: #31646e;
--color-pedigree-50: #e4faff;
--color-pedigree-100: #d3edf4;
--color-pedigree-200: #badbe3;
--color-pedigree-300: #97bfc9;
--color-pedigree-400: #77a8b2;
--color-pedigree-500: #57919c;
--color-pedigree-600: #4a7a84;
--color-pedigree-700: #3b626a;
--color-pedigree-800: #2a484d;
--color-pedigree-900: #1c3236;
--color-pedigree-950: #0c1e21;
}SCSS
$pedigree: #31646e;
$pedigree-rgb: 49, 100, 110;
$pedigree-light: mix(#fff, $pedigree, 20%);
$pedigree-dark: mix(#000, $pedigree, 20%);
.element {
color: $pedigree;
box-shadow: 0 0 0 2px rgba($pedigree, 0.35);
}