이름 색상 · #0CBFE9
Blue Raspberry
Blue Raspberry은(는) #0CBFE9: rgb(12 191 233), hsl(191 90% 48%), oklch(0.746 0.136 221.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Blue Raspberry color name →
#0CBFE9
oklch(0.746 0.136 221.4)
색상 변환
- HEX
- #0cbfe9
- RGB
- rgb(12 191 233)
- HSL
- hsl(191 90% 48%)
- HWB
- hwb(191 5% 9%)
- OKLCH
- oklch(0.746 0.136 221.4)
- OKLab
- oklab(0.746 -0.102 -0.09)
- CIE Lab
- lab(71.13 -29.79 -32.82)
- LCH
- lch(71.13 44.33 227.8)
- CMYK
- cmyk(95% 18% 0% 9%)
틴트 · 셰이드 · 톤
틴트
- 44C6EC
- 62CDEE
- 7AD3F1
- 8FDAF3
- A3E0F5
- B7E6F7
- C9EDF9
- DBF3FB
- EDF9FD
셰이드
- 09A6CB
- 068DAD
- 047590
- 035E74
- 02485A
- 013341
- 001F29
- 000D13
- 000203
톤
- 33B9DE
- 45B3D4
- 52ACC9
- 5DA6BE
- 65A0B4
- 6C9AA9
- 72939F
- 788D95
- 7C878A
색 조화
보색 +180°
- 0CBFE9
Blue Raspberry
- F48D66
≈ Melon Red
유사색 -30° +30°
- 0CBFE9
Blue Raspberry
- 00C6C0
≈ Swimmers Pool
- 68B1FF
≈ Tiān Lán Sky
삼각 배색 +120° +240°
- 0CBFE9
Blue Raspberry
- E689C5
≈ Blushed Bombshell
- BFAF38
≈ Pesto
분열 보색 +150° +210°
- 0CBFE9
Blue Raspberry
- F58697
≈ Strawberry Soap
- E29D3D
≈ Intense Yellow
사각 배색 +90° +180° +270°
- 0CBFE9
Blue Raspberry
- C993EB
≈ Dream Vapour
- F48D66
≈ Melon Red
- 8DBE5F
≈ Lima Bean Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.17:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.64:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.64:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--blue-raspberry: #0cbfe9;
--blue-raspberry-rgb: 12 191 233;
--blue-raspberry-oklch: oklch(0.746 0.136 221.4);
}
.element {
color: var(--blue-raspberry);
background-color: hsl(191 90% 48%);
border-color: oklch(0.746 0.136 221.4);
}Tailwind CSS v4
@theme {
--color-blue-raspberry: #0cbfe9;
--color-blue-raspberry-50: #ccffff;
--color-blue-raspberry-100: #b7f3ff;
--color-blue-raspberry-200: #91e2ff;
--color-blue-raspberry-300: #5ec6ea;
--color-blue-raspberry-400: #00b0d7;
--color-blue-raspberry-500: #0098c5;
--color-blue-raspberry-600: #0081a6;
--color-blue-raspberry-700: #006786;
--color-blue-raspberry-800: #004c62;
--color-blue-raspberry-900: #003545;
--color-blue-raspberry-950: #00202d;
}SCSS
$blue-raspberry: #0cbfe9;
$blue-raspberry-rgb: 12, 191, 233;
$blue-raspberry-light: mix(#fff, $blue-raspberry, 20%);
$blue-raspberry-dark: mix(#000, $blue-raspberry, 20%);
.element {
color: $blue-raspberry;
box-shadow: 0 0 0 2px rgba($blue-raspberry, 0.35);
}