Najbliższy nazwany kolor · #7CD1FF
#7CD1FF
Najbliższy nazwany kolor: Nevermind Nirvana
#7CD1FF (rgb(124 209 255), hsl(201 100% 74%), oklch(0.824 0.105 233.7)) jest najbliższy nazwanemu kolorowi Nevermind Nirvana. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#7CD1FF
oklch(0.824 0.105 233.7)
Konwersje koloru
- HEX
- #7cd1ff
- RGB
- rgb(124 209 255)
- HSL
- hsl(201 100% 74%)
- HWB
- hwb(201 49% 0%)
- OKLCH
- oklch(0.824 0.105 233.7)
- OKLab
- oklab(0.824 -0.062 -0.085)
- CIE Lab
- lab(79.76 -17.45 -31.09)
- LCH
- lch(79.76 35.65 240.7)
- CMYK
- cmyk(51% 18% 0% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8BD6FF
- 99DBFF
- A6DFFF
- B4E4FF
- C1E9FF
- CDEDFF
- DAF2FF
- E6F6FF
- F3FBFF
Odcienie ciemniejsze
- 6BB5DE
- 5A9BBE
- 4A819E
- 3B6880
- 2C5063
- 1E3948
- 11232E
- 051016
- 010203
Tony
- 7EC9F2
- 80C1E5
- 81B8D8
- 82B0CB
- 82A8BE
- 82A0B2
- 8298A5
- 829099
- 81888C
Harmonie kolorów
Komplementarna +180°
- 7CD1FF
Nevermind Nirvana
- FBB384
≈ Autumn Mist
Analogowa -30° +30°
- 7CD1FF
Nevermind Nirvana
- 66D9E4
≈ Turquoise Sea
- A8C5FF
≈ Pastel Blue
Triada +120° +240°
- 7CD1FF
Nevermind Nirvana
- FBA9CA
≈ Majin Bū Pink
- C5CD7C
≈ Lime Sorbet Green
Komplementarna rozszczepiona +150° +210°
- 7CD1FF
Nevermind Nirvana
- FFACA7
≈ Patient Pink
- E6C073
≈ Table Pear Yellow
Tetrada +90° +180° +270°
- 7CD1FF
Nevermind Nirvana
- E7AEEC
≈ Candy Dreams
- FBB384
≈ Autumn Mist
- 9CD79A
≈ Young Greens
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.69:1 · APCA Lc 30
Ag
AAANa czerni
WCAG 12.42:1 · APCA Lc 73
Najlepszy kolor tekstu: #000000
WCAG 12.42:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--nevermind-nirvana: #7cd1ff;
--nevermind-nirvana-rgb: 124 209 255;
--nevermind-nirvana-oklch: oklch(0.824 0.105 233.7);
}
.element {
color: var(--nevermind-nirvana);
background-color: hsl(201 100% 74%);
border-color: oklch(0.824 0.105 233.7);
}Tailwind CSS v4
@theme {
--color-nevermind-nirvana: #7cd1ff;
--color-nevermind-nirvana-50: #d9fbff;
--color-nevermind-nirvana-100: #c7eeff;
--color-nevermind-nirvana-200: #a9dcfb;
--color-nevermind-nirvana-300: #81c0e6;
--color-nevermind-nirvana-400: #59a9d3;
--color-nevermind-nirvana-500: #2991c1;
--color-nevermind-nirvana-600: #267ba3;
--color-nevermind-nirvana-700: #1e6282;
--color-nevermind-nirvana-800: #114860;
--color-nevermind-nirvana-900: #0b3243;
--color-nevermind-nirvana-950: #001e2c;
}SCSS
$nevermind-nirvana: #7cd1ff;
$nevermind-nirvana-rgb: 124, 209, 255;
$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);
}