이름 색상 · #082599
Deepsea Kraken
Deepsea Kraken은(는) #082599: rgb(8 37 153), hsl(228 90% 32%), oklch(0.348 0.187 264.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Deepsea Kraken color name →
#082599
oklch(0.348 0.187 264.9)
색상 변환
- HEX
- #082599
- RGB
- rgb(8 37 153)
- HSL
- hsl(228 90% 32%)
- HWB
- hwb(228 3% 40%)
- OKLCH
- oklch(0.348 0.187 264.9)
- OKLab
- oklab(0.348 -0.017 -0.187)
- CIE Lab
- lab(21.25 30.45 -66.29)
- LCH
- lch(21.25 72.95 294.7)
- CMYK
- cmyk(95% 76% 0% 40%)
틴트 · 셰이드 · 톤
틴트
- 1C3FA5
- 3256B0
- 496CBC
- 6181C6
- 7A95D1
- 93AADB
- ADBFE4
- C8D4EE
- E3EAF7
셰이드
- 061F84
- 041970
- 03135D
- 020D4A
- 010838
- 010427
- 000217
- 000008
- 000001
톤
- 123398
- 1E3E96
- 2A4895
- 365193
- 425A91
- 4E628E
- 5A6A8B
- 677188
- 737984
색 조화
보색 +180°
- 082599
Deepsea Kraken
- 4B3600
≈ Night in the Woods
유사색 -30° +30°
- 082599
Deepsea Kraken
- 003F5B
≈ Maniac Mansion
- 47048E
≈ Grim Purple
삼각 배색 +120° +240°
- 082599
Deepsea Kraken
- 72000E
≈ Barolo
- 00480D
≈ British Racing Green
분열 보색 +150° +210°
- 082599
Deepsea Kraken
- 5B2B00
≈ Count Chocula
- 393E00
≈ Dark Olive
사각 배색 +90° +180° +270°
- 082599
Deepsea Kraken
- 6C003E
≈ Spanish Purple
- 4B3600
≈ Night in the Woods
- 004538
≈ UP Forest Green
대비 및 접근성
Ag
AAA흰색 위
WCAG 12.10:1 · APCA Lc 96
Ag
Fail검은색 위
WCAG 1.73:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 12.10:1 (AAA) · APCA Lc 96
Contrast pairs
코드 스니펫
CSS
:root {
--deepsea-kraken: #082599;
--deepsea-kraken-rgb: 8 37 153;
--deepsea-kraken-oklch: oklch(0.348 0.187 264.9);
}
.element {
color: var(--deepsea-kraken);
background-color: hsl(228 90% 32%);
border-color: oklch(0.348 0.187 264.9);
}Tailwind CSS v4
@theme {
--color-deepsea-kraken: #082599;
--color-deepsea-kraken-50: #ddf5ff;
--color-deepsea-kraken-100: #cce7ff;
--color-deepsea-kraken-200: #b0d2ff;
--color-deepsea-kraken-300: #8cb3ff;
--color-deepsea-kraken-400: #6798ff;
--color-deepsea-kraken-500: #477bff;
--color-deepsea-kraken-600: #3d68d8;
--color-deepsea-kraken-700: #3054ae;
--color-deepsea-kraken-800: #1d3e82;
--color-deepsea-kraken-900: #132a5c;
--color-deepsea-kraken-950: #06173f;
}SCSS
$deepsea-kraken: #082599;
$deepsea-kraken-rgb: 8, 37, 153;
$deepsea-kraken-light: mix(#fff, $deepsea-kraken, 20%);
$deepsea-kraken-dark: mix(#000, $deepsea-kraken, 20%);
.element {
color: $deepsea-kraken;
box-shadow: 0 0 0 2px rgba($deepsea-kraken, 0.35);
}