이름 색상 · #7395B8
Bluebird’s Belly
Bluebird’s Belly은(는) #7395B8: rgb(115 149 184), hsl(210 33% 59%), oklch(0.657 0.065 249.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Bluebird’s Belly color name →
#7395B8
oklch(0.657 0.065 249.6)
색상 변환
- HEX
- #7395b8
- RGB
- rgb(115 149 184)
- HSL
- hsl(210 33% 59%)
- HWB
- hwb(210 45% 28%)
- OKLCH
- oklch(0.657 0.065 249.6)
- OKLab
- oklab(0.657 -0.023 -0.061)
- CIE Lab
- lab(60.13 -5.5 -22.36)
- LCH
- lch(60.13 23.02 256.2)
- CMYK
- cmyk(38% 19% 0% 28%)
틴트 · 셰이드 · 톤
틴트
- 809FBF
- 8EAAC6
- 9CB4CD
- AABFD5
- B7C9DC
- C6D4E3
- D4DEEA
- E2E9F1
- F0F4F8
셰이드
- 6381A0
- 546D88
- 455A71
- 36485B
- 283745
- 1B2631
- 0F161E
- 05080C
- 010102
톤
- 7593B2
- 7691AD
- 788FA7
- 798DA2
- 7A8B9C
- 7C8996
- 7D8791
- 7E848B
- 7F8286
색 조화
보색 +180°
- 7395B8
Bluebird’s Belly
- AC8B66
≈ Dubbin
유사색 -30° +30°
- 7395B8
Bluebird’s Belly
- 639BAD
≈ Cloudy Sea
- 898EB9
≈ Soft Blue Lavender
삼각 배색 +120° +240°
- 7395B8
Bluebird’s Belly
- B58189
≈ Retro Pink
- 859A70
≈ Sleepy Hollow
분열 보색 +150° +210°
- 7395B8
Bluebird’s Belly
- B58474
≈ Auburn Glaze
- 9B9364
≈ Green Lentils
사각 배색 +90° +180° +270°
- 7395B8
Bluebird’s Belly
- AD829E
≈ Capri Fashion Pink
- AC8B66
≈ Dubbin
- 6E9E84
≈ Peahen
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.12:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.72:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.72:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--bluebird-s-belly: #7395b8;
--bluebird-s-belly-rgb: 115 149 184;
--bluebird-s-belly-oklch: oklch(0.657 0.065 249.6);
}
.element {
color: var(--bluebird-s-belly);
background-color: hsl(210 33% 59%);
border-color: oklch(0.657 0.065 249.6);
}Tailwind CSS v4
@theme {
--color-bluebird-s-belly: #7395b8;
--color-bluebird-s-belly-50: #e8f7ff;
--color-bluebird-s-belly-100: #d9eafe;
--color-bluebird-s-belly-200: #c1d7f0;
--color-bluebird-s-belly-300: #a0bad8;
--color-bluebird-s-belly-400: #81a2c4;
--color-bluebird-s-belly-500: #658ab0;
--color-bluebird-s-belly-600: #567594;
--color-bluebird-s-belly-700: #445d77;
--color-bluebird-s-belly-800: #304558;
--color-bluebird-s-belly-900: #212f3d;
--color-bluebird-s-belly-950: #101c27;
}SCSS
$bluebird-s-belly: #7395b8;
$bluebird-s-belly-rgb: 115, 149, 184;
$bluebird-s-belly-light: mix(#fff, $bluebird-s-belly, 20%);
$bluebird-s-belly-dark: mix(#000, $bluebird-s-belly, 20%);
.element {
color: $bluebird-s-belly;
box-shadow: 0 0 0 2px rgba($bluebird-s-belly, 0.35);
}