Adlandırılmış renk · #0011BB
Too Dark Tonight
Too Dark Tonight, #0011BB: rgb(0 17 187), hsl(235 100% 37%), oklch(0.367 0.242 264.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Too Dark Tonight color name →
#0011BB
oklch(0.367 0.242 264.2)
Renk dönüşümleri
- HEX
- #0011bb
- RGB
- rgb(0 17 187)
- HSL
- hsl(235 100% 37%)
- HWB
- hwb(235 0% 27%)
- OKLCH
- oklch(0.367 0.242 264.2)
- OKLab
- oklab(0.367 -0.024 -0.241)
- CIE Lab
- lab(21.63 49.56 -86.16)
- LCH
- lch(21.63 99.4 299.9)
- CMYK
- cmyk(100% 91% 0% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 0C3AC4
- 2655CD
- 3F6CD5
- 5982DD
- 7398E4
- 8EACEB
- A9C1F1
- C5D6F6
- E2EAFB
Koyu tonlar
- 000DA2
- 00098A
- 000673
- 00045C
- 000246
- 000132
- 00001F
- 00000D
- 000002
Gri tonlar
- 032BB7
- 113BB2
- 1F47AD
- 2D52A8
- 3B5BA2
- 49639D
- 566B96
- 647390
- 727988
Renk uyumları
Tamamlayıcı +180°
- 0011BB
Too Dark Tonight
- 523B00
≈ Pineapple
Analog -30° +30°
- 0011BB
Too Dark Tonight
- 004561
≈ Loyal Blue
- 4C009C
≈ Space Battle Blue
Üçlü +120° +240°
- 0011BB
Too Dark Tonight
- 7B0012
≈ Mythical Wine
- 004E0B
≈ Malachite Green
Bölünmüş tamamlayıcı +150° +210°
- 0011BB
Too Dark Tonight
- 632F00
≈ Beasty Brown
- 3F4300
≈ Green Not Found
Dörtlü +90° +180° +270°
- 0011BB
Too Dark Tonight
- 750044
≈ Dawn of the Fairies
- 523B00
≈ Pineapple
- 004B3C
≈ Aqua Deep
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 11.68:1 · APCA Lc 94
Ag
FailSiyah üzerinde
WCAG 1.79:1 · APCA Lc 8
En iyi metin rengi: #FFFFFF
WCAG 11.68:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--too-dark-tonight: #0011bb;
--too-dark-tonight-rgb: 0 17 187;
--too-dark-tonight-oklch: oklch(0.367 0.242 264.2);
}
.element {
color: var(--too-dark-tonight);
background-color: hsl(235 100% 37%);
border-color: oklch(0.367 0.242 264.2);
}Tailwind CSS v4
@theme {
--color-too-dark-tonight: #0011bb;
--color-too-dark-tonight-50: #d5f4ff;
--color-too-dark-tonight-100: #c2e6ff;
--color-too-dark-tonight-200: #a4d0ff;
--color-too-dark-tonight-300: #7dafff;
--color-too-dark-tonight-400: #5392ff;
--color-too-dark-tonight-500: #2e71ff;
--color-too-dark-tonight-600: #2860f5;
--color-too-dark-tonight-700: #1f4dc5;
--color-too-dark-tonight-800: #0c3994;
--color-too-dark-tonight-900: #072769;
--color-too-dark-tonight-950: #001449;
}SCSS
$too-dark-tonight: #0011bb;
$too-dark-tonight-rgb: 0, 17, 187;
$too-dark-tonight-light: mix(#fff, $too-dark-tonight, 20%);
$too-dark-tonight-dark: mix(#000, $too-dark-tonight, 20%);
.element {
color: $too-dark-tonight;
box-shadow: 0 0 0 2px rgba($too-dark-tonight, 0.35);
}