이름 색상 · #262335
Cold Steel
Cold Steel은(는) #262335: rgb(38 35 53), hsl(250 20% 17%), oklch(0.268 0.033 291.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Cold Steel color name →
#262335
oklch(0.268 0.033 291.6)
색상 변환
- HEX
- #262335
- RGB
- rgb(38 35 53)
- HSL
- hsl(250 20% 17%)
- HWB
- hwb(250 14% 79%)
- OKLCH
- oklch(0.268 0.033 291.6)
- OKLab
- oklab(0.268 0.012 -0.031)
- CIE Lab
- lab(14.69 5.13 -11.31)
- LCH
- lch(14.69 12.42 294.4)
- CMYK
- cmyk(28% 34% 0% 79%)
틴트 · 셰이드 · 톤
틴트
- 383647
- 4B4959
- 605E6C
- 747380
- 8A8994
- A09FA8
- B7B6BE
- CFCED3
- E7E6E9
셰이드
- 201D2D
- 191725
- 13111D
- 0D0C15
- 08070E
- 040408
- 020103
- 010001
- 000000
톤
- 2E2B3C
- 363443
- 3F3D4B
- 484652
- 514F5A
- 5A5961
- 636269
- 6D6C70
- 767678
색 조화
보색 +180°
- 262335
Cold Steel
- 262814
≈ Kuro Green
유사색 -30° +30°
- 262335
Cold Steel
- 1D2636
≈ Moonless Mystery
- 2E2030
≈ Bleached Cedar
삼각 배색 +120° +240°
- 262335
Cold Steel
- 332117
≈ Scorched
- 132B24
≈ Guerrilla Forest
분열 보색 +150° +210°
- 262335
Cold Steel
- 2E2412
≈ Black Slug
- 1D2A1B
≈ Kuro Green
사각 배색 +90° +180° +270°
- 262335
Cold Steel
- 351F1F
≈ Black Kite
- 262814
≈ Kuro Green
- 0F2B2D
≈ Black Chasm
대비 및 접근성
Ag
AAA흰색 위
WCAG 15.28:1 · APCA Lc 102
Ag
Fail검은색 위
WCAG 1.37:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 15.28:1 (AAA) · APCA Lc 102
Contrast pairs
코드 스니펫
CSS
:root {
--cold-steel: #262335;
--cold-steel-rgb: 38 35 53;
--cold-steel-oklch: oklch(0.268 0.033 291.6);
}
.element {
color: var(--cold-steel);
background-color: hsl(250 20% 17%);
border-color: oklch(0.268 0.033 291.6);
}Tailwind CSS v4
@theme {
--color-cold-steel: #262335;
--color-cold-steel-50: #f5f3fe;
--color-cold-steel-100: #e8e6f2;
--color-cold-steel-200: #d4d2e2;
--color-cold-steel-300: #b8b4c7;
--color-cold-steel-400: #9e9bb1;
--color-cold-steel-500: #86839b;
--color-cold-steel-600: #716f83;
--color-cold-steel-700: #5b5869;
--color-cold-steel-800: #42414d;
--color-cold-steel-900: #2d2d36;
--color-cold-steel-950: #1a1a21;
}SCSS
$cold-steel: #262335;
$cold-steel-rgb: 38, 35, 53;
$cold-steel-light: mix(#fff, $cold-steel, 20%);
$cold-steel-dark: mix(#000, $cold-steel, 20%);
.element {
color: $cold-steel;
box-shadow: 0 0 0 2px rgba($cold-steel, 0.35);
}