이름 색상 · #414958
Pit Stop
Pit Stop은(는) #414958: rgb(65 73 88), hsl(219 15% 30%), oklch(0.404 0.027 263). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Pit Stop color name →
#414958
oklch(0.404 0.027 263)
색상 변환
- HEX
- #414958
- RGB
- rgb(65 73 88)
- HSL
- hsl(219 15% 30%)
- HWB
- hwb(219 25% 65%)
- OKLCH
- oklch(0.404 0.027 263)
- OKLab
- oklab(0.404 -0.003 -0.027)
- CIE Lab
- lab(30.75 -0.46 -10.08)
- LCH
- lch(30.75 10.09 267.4)
- CMYK
- cmyk(26% 17% 0% 65%)
틴트 · 셰이드 · 톤
틴트
- 525967
- 636A77
- 757B87
- 888D97
- 9B9FA8
- AEB2B9
- C2C5CA
- D6D8DB
- EAEBED
셰이드
- 373E4B
- 2E343F
- 252A33
- 1C2028
- 13171D
- 0B0E12
- 050609
- 010203
- 000000
톤
- 474E5C
- 4D5460
- 535964
- 595E68
- 60646C
- 666970
- 6C6F74
- 737578
- 797A7C
색 조화
보색 +180°
- 414958
Pit Stop
- 504838
≈ Wet Suit
유사색 -30° +30°
- 414958
Pit Stop
- 3A4C55
≈ Atomic
- 494657
≈ Oath
삼각 배색 +120° +240°
- 414958
Pit Stop
- 574342
≈ Christmas Pudding
- 404D3F
≈ Duffel Bag
분열 보색 +150° +210°
- 414958
Pit Stop
- 55453B
≈ Rave Raisin
- 494B3A
≈ Sooty Willow Bamboo
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.05:1 · APCA Lc 91
Ag
Fail검은색 위
WCAG 2.31:1 · APCA Lc 11
가장 좋은 글자색: #FFFFFF
WCAG 9.05:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--pit-stop: #414958;
--pit-stop-rgb: 65 73 88;
--pit-stop-oklch: oklch(0.404 0.027 263);
}
.element {
color: var(--pit-stop);
background-color: hsl(219 15% 30%);
border-color: oklch(0.404 0.027 263);
}Tailwind CSS v4
@theme {
--color-pit-stop: #414958;
--color-pit-stop-50: #f1f5fd;
--color-pit-stop-100: #e3e8f1;
--color-pit-stop-200: #ced4e0;
--color-pit-stop-300: #b0b8c6;
--color-pit-stop-400: #969faf;
--color-pit-stop-500: #7d8799;
--color-pit-stop-600: #6a7281;
--color-pit-stop-700: #545b68;
--color-pit-stop-800: #3d434c;
--color-pit-stop-900: #2a2e35;
--color-pit-stop-950: #181b20;
}SCSS
$pit-stop: #414958;
$pit-stop-rgb: 65, 73, 88;
$pit-stop-light: mix(#fff, $pit-stop, 20%);
$pit-stop-dark: mix(#000, $pit-stop, 20%);
.element {
color: $pit-stop;
box-shadow: 0 0 0 2px rgba($pit-stop, 0.35);
}