이름 색상 · #0011BB
Too Dark Tonight
Too Dark Tonight은(는) #0011BB: rgb(0 17 187), hsl(235 100% 37%), oklch(0.367 0.242 264.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Too Dark Tonight color name →
#0011BB
oklch(0.367 0.242 264.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 0C3AC4
- 2655CD
- 3F6CD5
- 5982DD
- 7398E4
- 8EACEB
- A9C1F1
- C5D6F6
- E2EAFB
셰이드
- 000DA2
- 00098A
- 000673
- 00045C
- 000246
- 000132
- 00001F
- 00000D
- 000002
톤
- 032BB7
- 113BB2
- 1F47AD
- 2D52A8
- 3B5BA2
- 49639D
- 566B96
- 647390
- 727988
색 조화
보색 +180°
- 0011BB
Too Dark Tonight
- 523B00
≈ Pineapple
유사색 -30° +30°
- 0011BB
Too Dark Tonight
- 004561
≈ Loyal Blue
- 4C009C
≈ Space Battle Blue
삼각 배색 +120° +240°
- 0011BB
Too Dark Tonight
- 7B0012
≈ Mythical Wine
- 004E0B
≈ Malachite Green
분열 보색 +150° +210°
- 0011BB
Too Dark Tonight
- 632F00
≈ Beasty Brown
- 3F4300
≈ Green Not Found
사각 배색 +90° +180° +270°
- 0011BB
Too Dark Tonight
- 750044
≈ Dawn of the Fairies
- 523B00
≈ Pineapple
- 004B3C
≈ Aqua Deep
대비 및 접근성
Ag
AAA흰색 위
WCAG 11.68:1 · APCA Lc 94
Ag
Fail검은색 위
WCAG 1.79:1 · APCA Lc 8
가장 좋은 글자색: #FFFFFF
WCAG 11.68:1 (AAA) · APCA Lc 94
Contrast pairs
코드 스니펫
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);
}