Benannte Farbe · #7BC8F6
Nevermind Nirvana
Nevermind Nirvana ist #7BC8F6: rgb(123 200 246), hsl(202 87% 72%), oklch(0.8 0.1 236.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Nevermind Nirvana color name →
#7BC8F6
oklch(0.8 0.1 236.1)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 89CEF7
- 97D3F8
- A5D9F9
- B2DEFB
- BFE4FB
- CCE9FC
- D9EFFD
- E6F4FE
- F2FAFE
Shades
- 6AAED6
- 5A94B7
- 4A7B98
- 3A637B
- 2C4C5F
- 1E3645
- 10212C
- 050F15
- 010203
Tones
- 7DC1EA
- 7EB9DE
- 7FB2D2
- 80ABC6
- 81A4BA
- 819DAE
- 8195A3
- 818E97
- 81878B
Farbharmonien
Komplementär +180°
- 7BC8F6
Nevermind Nirvana
- F0AD7D
≈ Exciting Orange
Analog -30° +30°
- 7BC8F6
Nevermind Nirvana
- 65D0DE
≈ Throat Chakra
- A0BCFF
≈ Pastel Blue
Triadisch +120° +240°
- 7BC8F6
Nevermind Nirvana
- F2A3C0
≈ Pink Chalk
- BAC67A
≈ Floral Bouquet
Geteilt komplementär +150° +210°
- 7BC8F6
Nevermind Nirvana
- F8A59C
≈ Candlelight Peach
- DAB970
≈ Tahini
Tetradisch +90° +180° +270°
- 7BC8F6
Nevermind Nirvana
- E0A7E1
≈ Barely Bloomed
- F0AD7D
≈ Exciting Orange
- 93D097
≈ Fennel
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.83:1 · APCA Lc 34
Ag
AAAAuf Schwarz
WCAG 11.43:1 · APCA Lc 68
Beste Textfarbe: #000000
WCAG 11.43:1 (AAA) · APCA Lc 68
Contrast pairs
Code-Snippets
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);
}