이름 색상 · #799292
Miracle Bay
Miracle Bay은(는) #799292: rgb(121 146 146), hsl(180 10% 52%), oklch(0.641 0.028 196.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Miracle Bay color name →
#799292
oklch(0.641 0.028 196.5)
색상 변환
- HEX
- #799292
- RGB
- rgb(121 146 146)
- HSL
- hsl(180 10% 52%)
- HWB
- hwb(180 47% 43%)
- OKLCH
- oklch(0.641 0.028 196.5)
- OKLab
- oklab(0.641 -0.027 -0.008)
- CIE Lab
- lab(58.6 -9.17 -3.11)
- LCH
- lch(58.6 9.68 198.8)
- CMYK
- cmyk(17% 0% 0% 43%)
틴트 · 셰이드 · 톤
틴트
- 869C9C
- 93A7A7
- A0B2B2
- ADBCBC
- BAC7C7
- C8D2D2
- D5DDDD
- E3E8E8
- F1F4F4
셰이드
- 687E7E
- 586B6B
- 485858
- 394646
- 2B3535
- 1D2525
- 101616
- 050808
- 010101
톤
- 7A9090
- 7B8E8E
- 7B8D8D
- 7C8B8B
- 7D8989
- 7E8787
- 7E8585
- 7F8484
- 7F8282
색 조화
보색 +180°
- 799292
Miracle Bay
- 9D8686
≈ Mauverine
유사색 -30° +30°
- 799292
Miracle Bay
- 7D9288
≈ Green Bay
- 7B909A
≈ Sidewalk Grey
삼각 배색 +120° +240°
- 799292
Miracle Bay
- 938798
≈ Amethyst Smoke
- 968A7A
≈ Curio Brown
분열 보색 +150° +210°
- 799292
Miracle Bay
- 9A8690
≈ Dream Sunset
- 9C877E
≈ Antique Bear
사각 배색 +90° +180° +270°
- 799292
Miracle Bay
- 8A8A9D
≈ Antiquate
- 9D8686
≈ Mauverine
- 8E8E7A
≈ Meander
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.31:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.33:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.33:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--miracle-bay: #799292;
--miracle-bay-rgb: 121 146 146;
--miracle-bay-oklch: oklch(0.641 0.028 196.5);
}
.element {
color: var(--miracle-bay);
background-color: hsl(180 10% 52%);
border-color: oklch(0.641 0.028 196.5);
}Tailwind CSS v4
@theme {
--color-miracle-bay: #799292;
--color-miracle-bay-50: #ecf8f8;
--color-miracle-bay-100: #deebeb;
--color-miracle-bay-200: #c7d8d9;
--color-miracle-bay-300: #a7bcbd;
--color-miracle-bay-400: #8ca4a4;
--color-miracle-bay-500: #718c8c;
--color-miracle-bay-600: #607777;
--color-miracle-bay-700: #4c5f5f;
--color-miracle-bay-800: #374645;
--color-miracle-bay-900: #263030;
--color-miracle-bay-950: #141c1c;
}SCSS
$miracle-bay: #799292;
$miracle-bay-rgb: 121, 146, 146;
$miracle-bay-light: mix(#fff, $miracle-bay, 20%);
$miracle-bay-dark: mix(#000, $miracle-bay, 20%);
.element {
color: $miracle-bay;
box-shadow: 0 0 0 2px rgba($miracle-bay, 0.35);
}