가장 가까운 이름 색상 · #5791AC
#5791AC
가장 가까운 이름 색상: Treasure Map Waters
#5791AC(rgb(87 145 172), hsl(199 34% 51%), oklch(0.627 0.073 229.5))와 가장 가까운 이름 색상은 Treasure Map Waters입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#5791AC
oklch(0.627 0.073 229.5)
색상 변환
- HEX
- #5791ac
- RGB
- rgb(87 145 172)
- HSL
- hsl(199 34% 51%)
- HWB
- hwb(199 34% 33%)
- OKLCH
- oklch(0.627 0.073 229.5)
- OKLab
- oklab(0.627 -0.047 -0.056)
- CIE Lab
- lab(57 -14 -20.51)
- LCH
- lch(57 24.83 235.7)
- CMYK
- cmyk(49% 16% 0% 33%)
틴트 · 셰이드 · 톤
틴트
- 689CB4
- 79A6BD
- 8AB1C5
- 9ABCCD
- ABC7D5
- BBD2DE
- CCDDE6
- DDE8EE
- EEF4F7
셰이드
- 4B7D95
- 3E6A7F
- 335869
- 274654
- 1C3540
- 12252D
- 08151B
- 03070B
- 000101
톤
- 5C8FA8
- 618EA3
- 668C9F
- 6A8B9B
- 6E8996
- 728792
- 76858D
- 798489
- 7D8284
색 조화
보색 +180°
- 5791AC
Treasure Map Waters
- AD7B61
≈ Tawny Birch
유사색 -30° +30°
- 5791AC
Treasure Map Waters
- 4D9699
≈ Sea Current
- 6E89B5
≈ Kimono
삼각 배색 +120° +240°
- 5791AC
Treasure Map Waters
- AA768F
≈ Cipher
- 8B8C58
≈ Green Olive
분열 보색 +150° +210°
- 5791AC
Treasure Map Waters
- B07776
≈ Red Gerbera
- A08454
≈ Aztec Brick
사각 배색 +90° +180° +270°
- 5791AC
Treasure Map Waters
- 9C7AA4
≈ Pishposh
- AD7B61
≈ Tawny Birch
- 719369
≈ Aspen Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.47:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.05:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.05:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--treasure-map-waters: #5791ac;
--treasure-map-waters-rgb: 87 145 172;
--treasure-map-waters-oklch: oklch(0.627 0.073 229.5);
}
.element {
color: var(--treasure-map-waters);
background-color: hsl(199 34% 51%);
border-color: oklch(0.627 0.073 229.5);
}Tailwind CSS v4
@theme {
--color-treasure-map-waters: #5791ac;
--color-treasure-map-waters-50: #e1faff;
--color-treasure-map-waters-100: #d1edfc;
--color-treasure-map-waters-200: #b6dbee;
--color-treasure-map-waters-300: #92bfd7;
--color-treasure-map-waters-400: #70a7c1;
--color-treasure-map-waters-500: #4e8fad;
--color-treasure-map-waters-600: #437992;
--color-treasure-map-waters-700: #356175;
--color-treasure-map-waters-800: #254756;
--color-treasure-map-waters-900: #18323c;
--color-treasure-map-waters-950: #091d26;
}SCSS
$treasure-map-waters: #5791ac;
$treasure-map-waters-rgb: 87, 145, 172;
$treasure-map-waters-light: mix(#fff, $treasure-map-waters, 20%);
$treasure-map-waters-dark: mix(#000, $treasure-map-waters, 20%);
.element {
color: $treasure-map-waters;
box-shadow: 0 0 0 2px rgba($treasure-map-waters, 0.35);
}