이름 색상 · #7BC8F6
Nevermind Nirvana
Nevermind Nirvana은(는) #7BC8F6: rgb(123 200 246), hsl(202 87% 72%), oklch(0.8 0.1 236.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Nevermind Nirvana color name →
#7BC8F6
oklch(0.8 0.1 236.1)
색상 변환
- HEX
- #7bc8f6
- RGB
- rgb(123 200 246)
- HSL
- hsl(202 87% 72%)
- HWB
- hwb(202 48% 4%)
- OKLCH
- oklch(0.8 0.1 236.1)
- OKLab
- oklab(0.8 -0.056 -0.083)
- CIE Lab
- lab(76.92 -15.39 -30.64)
- LCH
- lch(76.92 34.29 243.3)
- CMYK
- cmyk(50% 19% 0% 4%)
틴트 · 셰이드 · 톤
틴트
- 89CEF7
- 97D3F8
- A5D9F9
- B2DEFB
- BFE4FB
- CCE9FC
- D9EFFD
- E6F4FE
- F2FAFE
셰이드
- 6AAED6
- 5A94B7
- 4A7B98
- 3A637B
- 2C4C5F
- 1E3645
- 10212C
- 050F15
- 010203
톤
- 7DC1EA
- 7EB9DE
- 7FB2D2
- 80ABC6
- 81A4BA
- 819DAE
- 8195A3
- 818E97
- 81878B
색 조화
보색 +180°
- 7BC8F6
Nevermind Nirvana
- F0AD7D
≈ Exciting Orange
유사색 -30° +30°
- 7BC8F6
Nevermind Nirvana
- 65D0DE
≈ Throat Chakra
- A0BCFF
≈ Pastel Blue
삼각 배색 +120° +240°
- 7BC8F6
Nevermind Nirvana
- F2A3C0
≈ Pink Chalk
- BAC67A
≈ Floral Bouquet
분열 보색 +150° +210°
- 7BC8F6
Nevermind Nirvana
- F8A59C
≈ Candlelight Peach
- DAB970
≈ Tahini
사각 배색 +90° +180° +270°
- 7BC8F6
Nevermind Nirvana
- E0A7E1
≈ Barely Bloomed
- F0AD7D
≈ Exciting Orange
- 93D097
≈ Fennel
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.83:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.43:1 · APCA Lc 68
가장 좋은 글자색: #000000
WCAG 11.43:1 (AAA) · APCA Lc 68
Contrast pairs
코드 스니펫
CSS
:root {
--nevermind-nirvana: #7bc8f6;
--nevermind-nirvana-rgb: 123 200 246;
--nevermind-nirvana-oklch: oklch(0.8 0.1 236.1);
}
.element {
color: var(--nevermind-nirvana);
background-color: hsl(202 87% 72%);
border-color: oklch(0.8 0.1 236.1);
}Tailwind CSS v4
@theme {
--color-nevermind-nirvana: #7bc8f6;
--color-nevermind-nirvana-50: #dcfaff;
--color-nevermind-nirvana-100: #caeeff;
--color-nevermind-nirvana-200: #addbfb;
--color-nevermind-nirvana-300: #86bfe5;
--color-nevermind-nirvana-400: #60a8d2;
--color-nevermind-nirvana-500: #3690c0;
--color-nevermind-nirvana-600: #307aa2;
--color-nevermind-nirvana-700: #266182;
--color-nevermind-nirvana-800: #184860;
--color-nevermind-nirvana-900: #0f3243;
--color-nevermind-nirvana-950: #021d2b;
}SCSS
$nevermind-nirvana: #7bc8f6;
$nevermind-nirvana-rgb: 123, 200, 246;
$nevermind-nirvana-light: mix(#fff, $nevermind-nirvana, 20%);
$nevermind-nirvana-dark: mix(#000, $nevermind-nirvana, 20%);
.element {
color: $nevermind-nirvana;
box-shadow: 0 0 0 2px rgba($nevermind-nirvana, 0.35);
}