Adlandırılmış renk · #6CBAE7
Norfolk Sky
Norfolk Sky, #6CBAE7: rgb(108 186 231), hsl(202 72% 66%), oklch(0.756 0.101 235.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Norfolk Sky color name →
#6CBAE7
oklch(0.756 0.101 235.5)
Renk dönüşümleri
- HEX
- #6cbae7
- RGB
- rgb(108 186 231)
- HSL
- hsl(202 72% 66%)
- HWB
- hwb(202 42% 9%)
- OKLCH
- oklch(0.756 0.101 235.5)
- OKLab
- oklab(0.756 -0.057 -0.083)
- CIE Lab
- lab(71.81 -15.55 -30.46)
- LCH
- lch(71.81 34.2 243)
- CMYK
- cmyk(53% 19% 0% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7CC1EA
- 8CC8EC
- 9BCFEF
- A9D6F2
- B8DDF4
- C6E4F6
- D4EBF9
- E3F1FB
- F1F8FD
Koyu tonlar
- 5DA1C9
- 4E89AB
- 40728F
- 325C73
- 254659
- 193240
- 0D1E28
- 040D13
- 000203
Gri tonlar
- 70B4DC
- 73AED2
- 76A9C8
- 78A3BD
- 7A9DB3
- 7C97A9
- 7D929E
- 7E8C94
- 7F868A
Renk uyumları
Tamamlayıcı +180°
- 6CBAE7
Norfolk Sky
- E19F70
≈ Roasted Seeds
Analog -30° +30°
- 6CBAE7
Norfolk Sky
- 54C2CF
≈ Baharroth Blue
- 91AFF0
≈ Kitten’s Eye
Üçlü +120° +240°
- 6CBAE7
Norfolk Sky
- E395B2
≈ Usu Koubai Blossom
- ADB86C
≈ Lime Rickey
Bölünmüş tamamlayıcı +150° +210°
- 6CBAE7
Norfolk Sky
- E9978F
≈ Salmon Salt
- CDAB61
≈ Ginger Crunch
Dörtlü +90° +180° +270°
- 6CBAE7
Norfolk Sky
- D19AD3
≈ Velvet Horizon
- E19F70
≈ Roasted Seeds
- 86C189
≈ Greengage
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.13:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.81:1 · APCA Lc 60
En iyi metin rengi: #000000
WCAG 9.81:1 (AAA) · APCA Lc 60
Contrast pairs
Kod parçacıkları
CSS
:root {
--norfolk-sky: #6cbae7;
--norfolk-sky-rgb: 108 186 231;
--norfolk-sky-oklch: oklch(0.756 0.101 235.5);
}
.element {
color: var(--norfolk-sky);
background-color: hsl(202 72% 66%);
border-color: oklch(0.756 0.101 235.5);
}Tailwind CSS v4
@theme {
--color-norfolk-sky: #6cbae7;
--color-norfolk-sky-50: #dbfaff;
--color-norfolk-sky-100: #c9eeff;
--color-norfolk-sky-200: #acdbfb;
--color-norfolk-sky-300: #85c0e5;
--color-norfolk-sky-400: #5fa8d2;
--color-norfolk-sky-500: #3490bf;
--color-norfolk-sky-600: #2e7aa2;
--color-norfolk-sky-700: #256182;
--color-norfolk-sky-800: #174860;
--color-norfolk-sky-900: #0f3243;
--color-norfolk-sky-950: #021e2b;
}SCSS
$norfolk-sky: #6cbae7;
$norfolk-sky-rgb: 108, 186, 231;
$norfolk-sky-light: mix(#fff, $norfolk-sky, 20%);
$norfolk-sky-dark: mix(#000, $norfolk-sky, 20%);
.element {
color: $norfolk-sky;
box-shadow: 0 0 0 2px rgba($norfolk-sky, 0.35);
}