이름 색상 · #6C8096
Grey Blueberry
Grey Blueberry은(는) #6C8096: rgb(108 128 150), hsl(211 17% 51%), oklch(0.592 0.041 251). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Grey Blueberry color name →
#6C8096
oklch(0.592 0.041 251)
색상 변환
- HEX
- #6c8096
- RGB
- rgb(108 128 150)
- HSL
- hsl(211 17% 51%)
- HWB
- hwb(211 42% 41%)
- OKLCH
- oklch(0.592 0.041 251)
- OKLab
- oklab(0.592 -0.013 -0.039)
- CIE Lab
- lab(52.58 -3.53 -14.43)
- LCH
- lch(52.58 14.86 256.3)
- CMYK
- cmyk(28% 15% 0% 41%)
틴트 · 셰이드 · 톤
틴트
- 7A8CA0
- 8898AA
- 96A5B5
- A4B1BF
- B3BECA
- C2CAD4
- D1D7DF
- E0E4E9
- EFF2F4
셰이드
- 5D6E82
- 4E5D6E
- 404D5B
- 323D49
- 252E37
- 191F26
- 0D1216
- 040608
- 000101
톤
- 6E8094
- 708092
- 728090
- 74808D
- 76808B
- 788089
- 7A8087
- 7C8085
- 7E8082
색 조화
보색 +180°
- 6C8096
Grey Blueberry
- 8E7A63
≈ Lead Grey
유사색 -30° +30°
- 6C8096
Grey Blueberry
- 63848F
≈ Play Me a Melody
- 797B96
≈ Waterloo
삼각 배색 +120° +240°
- 6C8096
Grey Blueberry
- 957478
≈ March Pink
- 75836A
≈ Bladed Grass
분열 보색 +150° +210°
- 6C8096
Grey Blueberry
- 94766B
≈ Mulberry Silk
- 837F63
≈ Knotweed
사각 배색 +90° +180° +270°
- 6C8096
Grey Blueberry
- 8F7585
≈ Plum Legacy
- 8E7A63
≈ Lead Grey
- 698676
≈ Aloe Vera
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.06:1 · APCA Lc 68
Ag
AA검은색 위
WCAG 5.16:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.16:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--grey-blueberry: #6c8096;
--grey-blueberry-rgb: 108 128 150;
--grey-blueberry-oklch: oklch(0.592 0.041 251);
}
.element {
color: var(--grey-blueberry);
background-color: hsl(211 17% 51%);
border-color: oklch(0.592 0.041 251);
}Tailwind CSS v4
@theme {
--color-grey-blueberry: #6c8096;
--color-grey-blueberry-50: #edf6ff;
--color-grey-blueberry-100: #dfe9f6;
--color-grey-blueberry-200: #c8d6e6;
--color-grey-blueberry-300: #a9b9cc;
--color-grey-blueberry-400: #8da1b6;
--color-grey-blueberry-500: #7289a1;
--color-grey-blueberry-600: #617488;
--color-grey-blueberry-700: #4d5c6d;
--color-grey-blueberry-800: #384450;
--color-grey-blueberry-900: #262f38;
--color-grey-blueberry-950: #141b22;
}SCSS
$grey-blueberry: #6c8096;
$grey-blueberry-rgb: 108, 128, 150;
$grey-blueberry-light: mix(#fff, $grey-blueberry, 20%);
$grey-blueberry-dark: mix(#000, $grey-blueberry, 20%);
.element {
color: $grey-blueberry;
box-shadow: 0 0 0 2px rgba($grey-blueberry, 0.35);
}