이름 색상 · #8DBBD1
Bonnie Blue
Bonnie Blue은(는) #8DBBD1: rgb(141 187 209), hsl(199 42% 69%), oklch(0.767 0.058 228.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Bonnie Blue color name →
#8DBBD1
oklch(0.767 0.058 228.9)
색상 변환
- HEX
- #8dbbd1
- RGB
- rgb(141 187 209)
- HSL
- hsl(199 42% 69%)
- HWB
- hwb(199 55% 18%)
- OKLCH
- oklch(0.767 0.058 228.9)
- OKLab
- oklab(0.767 -0.038 -0.044)
- CIE Lab
- lab(73.16 -11.82 -16.33)
- LCH
- lch(73.16 20.16 234.1)
- CMYK
- cmyk(33% 11% 0% 18%)
틴트 · 셰이드 · 톤
틴트
- 98C2D6
- A4C8DA
- AFCFDF
- BBD6E4
- C6DDE8
- D1E4ED
- DDEAF1
- E8F1F6
- F4F8FA
셰이드
- 7AA2B5
- 678A9B
- 557381
- 445C68
- 334650
- 233239
- 141F23
- 070D10
- 010202
톤
- 8CB5C9
- 8BAFC0
- 8AA9B8
- 89A3B0
- 889DA8
- 8697A0
- 859198
- 838C90
- 828688
색 조화
보색 +180°
- 8DBBD1
Bonnie Blue
- D3A993
≈ Rundlet Peach
유사색 -30° +30°
- 8DBBD1
Bonnie Blue
- 87BFC1
≈ Riverbed
- 9DB5D9
≈ Mont Blanc
삼각 배색 +120° +240°
- 8DBBD1
Bonnie Blue
- D1A5B9
≈ Enhance
- B6B78C
≈ Secret Glade
분열 보색 +150° +210°
- 8DBBD1
Bonnie Blue
- D6A5A5
≈ La Vie en Rose
- C7B08A
≈ Cappuccino Froth
사각 배색 +90° +180° +270°
- 8DBBD1
Bonnie Blue
- C4A8CB
≈ Feminine Fancy
- D3A993
≈ Rundlet Peach
- A1BD99
≈ Spring Rain
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.06:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.16:1 · APCA Lc 62
가장 좋은 글자색: #000000
WCAG 10.16:1 (AAA) · APCA Lc 62
Contrast pairs
코드 스니펫
CSS
:root {
--bonnie-blue: #8dbbd1;
--bonnie-blue-rgb: 141 187 209;
--bonnie-blue-oklch: oklch(0.767 0.058 228.9);
}
.element {
color: var(--bonnie-blue);
background-color: hsl(199 42% 69%);
border-color: oklch(0.767 0.058 228.9);
}Tailwind CSS v4
@theme {
--color-bonnie-blue: #8dbbd1;
--color-bonnie-blue-50: #e5f9ff;
--color-bonnie-blue-100: #d5ecf8;
--color-bonnie-blue-200: #bcd9e9;
--color-bonnie-blue-300: #9abdd0;
--color-bonnie-blue-400: #7ba6ba;
--color-bonnie-blue-500: #5c8ea5;
--color-bonnie-blue-600: #4f788b;
--color-bonnie-blue-700: #3f6070;
--color-bonnie-blue-800: #2c4752;
--color-bonnie-blue-900: #1e3139;
--color-bonnie-blue-950: #0d1d23;
}SCSS
$bonnie-blue: #8dbbd1;
$bonnie-blue-rgb: 141, 187, 209;
$bonnie-blue-light: mix(#fff, $bonnie-blue, 20%);
$bonnie-blue-dark: mix(#000, $bonnie-blue, 20%);
.element {
color: $bonnie-blue;
box-shadow: 0 0 0 2px rgba($bonnie-blue, 0.35);
}