이름 색상 · #A5B6CF
Minuet
Minuet은(는) #A5B6CF: rgb(165 182 207), hsl(216 30% 73%), oklch(0.771 0.041 257.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Minuet color name →
#A5B6CF
oklch(0.771 0.041 257.9)
색상 변환
- HEX
- #a5b6cf
- RGB
- rgb(165 182 207)
- HSL
- hsl(216 30% 73%)
- HWB
- hwb(216 65% 19%)
- OKLCH
- oklch(0.771 0.041 257.9)
- OKLab
- oklab(0.771 -0.008 -0.04)
- CIE Lab
- lab(73.34 -2.07 -14.78)
- LCH
- lch(73.34 14.92 262)
- CMYK
- cmyk(20% 12% 0% 19%)
틴트 · 셰이드 · 톤
틴트
- AEBDD4
- B7C4D9
- BFCCDD
- C8D3E2
- D1DAE7
- DAE1EC
- E3E9F1
- EDF0F5
- F6F8FA
셰이드
- 8F9EB4
- 798699
- 656F7F
- 515967
- 3D444F
- 2B3038
- 1A1D23
- 0A0C10
- 010202
톤
- A1B0C7
- 9EABBF
- 9AA6B7
- 96A0AF
- 929BA7
- 8F959F
- 8B9097
- 878B8F
- 848588
색 조화
보색 +180°
- A5B6CF
Minuet
- C3B298
≈ Beachside Villa
유사색 -30° +30°
- A5B6CF
Minuet
- 9BBAC9
≈ Arctic Sunrise
- B3B1CE
≈ Lavender Dream
삼각 배색 +120° +240°
- A5B6CF
Minuet
- CDABAB
≈ Vista
- A8BBA2
≈ Laurel Green
분열 보색 +150° +210°
- A5B6CF
Minuet
- CBAE9F
≈ Art Deco Pink
- B7B79A
≈ Disguise
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.06:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.19:1 · APCA Lc 62
가장 좋은 글자색: #000000
WCAG 10.19:1 (AAA) · APCA Lc 62
Contrast pairs
코드 스니펫
CSS
:root {
--minuet: #a5b6cf;
--minuet-rgb: 165 182 207;
--minuet-oklch: oklch(0.771 0.041 257.9);
}
.element {
color: var(--minuet);
background-color: hsl(216 30% 73%);
border-color: oklch(0.771 0.041 257.9);
}Tailwind CSS v4
@theme {
--color-minuet: #a5b6cf;
--color-minuet-50: #eef6ff;
--color-minuet-100: #e0e8f6;
--color-minuet-200: #cad5e6;
--color-minuet-300: #acb8cd;
--color-minuet-400: #90a0b7;
--color-minuet-500: #7687a1;
--color-minuet-600: #647388;
--color-minuet-700: #505c6d;
--color-minuet-800: #394351;
--color-minuet-900: #272e38;
--color-minuet-950: #151b23;
}SCSS
$minuet: #a5b6cf;
$minuet-rgb: 165, 182, 207;
$minuet-light: mix(#fff, $minuet, 20%);
$minuet-dark: mix(#000, $minuet, 20%);
.element {
color: $minuet;
box-shadow: 0 0 0 2px rgba($minuet, 0.35);
}