이름 색상 · #6D9192
Mineral Blue
Mineral Blue은(는) #6D9192: rgb(109 145 146), hsl(182 15% 50%), oklch(0.63 0.04 198.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Mineral Blue color name →
#6D9192
oklch(0.63 0.04 198.3)
색상 변환
- HEX
- #6d9192
- RGB
- rgb(109 145 146)
- HSL
- hsl(182 15% 50%)
- HWB
- hwb(182 43% 43%)
- OKLCH
- oklch(0.63 0.04 198.3)
- OKLab
- oklab(0.63 -0.038 -0.013)
- CIE Lab
- lab(57.51 -12.77 -4.83)
- LCH
- lch(57.51 13.65 200.7)
- CMYK
- cmyk(25% 1% 0% 43%)
틴트 · 셰이드 · 톤
틴트
- 7B9C9C
- 89A6A7
- 98B1B2
- A6BCBC
- B4C7C7
- C3D2D2
- D2DDDD
- E1E8E8
- F0F4F4
셰이드
- 5E7D7E
- 4F6A6B
- 415858
- 334646
- 263535
- 192525
- 0D1516
- 040708
- 010101
톤
- 6F8F90
- 718E8E
- 738C8D
- 758A8B
- 778989
- 798787
- 7B8585
- 7D8384
- 7E8282
색 조화
보색 +180°
- 6D9192
Mineral Blue
- A08080
≈ Plumville
유사색 -30° +30°
- 6D9192
Mineral Blue
- 729185
≈ Hawkesbury
- 708E9D
≈ Smoky Azurite
삼각 배색 +120° +240°
- 6D9192
Mineral Blue
- 948299
≈ Mixed Berries
- 97876E
≈ Limbert Leather
분열 보색 +150° +210°
- 6D9192
Mineral Blue
- 9C808D
≈ Garden Plum
- 9E8274
≈ Modern Mocha
사각 배색 +90° +180° +270°
- 6D9192
Mineral Blue
- 8886A1
≈ Mandrake
- A08080
≈ Plumville
- 8B8B70
≈ Aloe Thorn
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.43:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.11:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.11:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--mineral-blue: #6d9192;
--mineral-blue-rgb: 109 145 146;
--mineral-blue-oklch: oklch(0.63 0.04 198.3);
}
.element {
color: var(--mineral-blue);
background-color: hsl(182 15% 50%);
border-color: oklch(0.63 0.04 198.3);
}Tailwind CSS v4
@theme {
--color-mineral-blue: #6d9192;
--color-mineral-blue-50: #e9f9fa;
--color-mineral-blue-100: #d9eced;
--color-mineral-blue-200: #c1dadb;
--color-mineral-blue-300: #a1bebf;
--color-mineral-blue-400: #83a6a7;
--color-mineral-blue-500: #678f90;
--color-mineral-blue-600: #57797a;
--color-mineral-blue-700: #466161;
--color-mineral-blue-800: #324747;
--color-mineral-blue-900: #223131;
--color-mineral-blue-950: #111d1d;
}SCSS
$mineral-blue: #6d9192;
$mineral-blue-rgb: 109, 145, 146;
$mineral-blue-light: mix(#fff, $mineral-blue, 20%);
$mineral-blue-dark: mix(#000, $mineral-blue, 20%);
.element {
color: $mineral-blue;
box-shadow: 0 0 0 2px rgba($mineral-blue, 0.35);
}