이름 색상 · #214FC6
New Car
New Car은(는) #214FC6: rgb(33 79 198), hsl(223 71% 45%), oklch(0.475 0.192 264.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · New Car color name →
#214FC6
oklch(0.475 0.192 264.2)
색상 변환
- HEX
- #214fc6
- RGB
- rgb(33 79 198)
- HSL
- hsl(223 71% 45%)
- HWB
- hwb(223 13% 22%)
- OKLCH
- oklch(0.475 0.192 264.2)
- OKLab
- oklab(0.475 -0.02 -0.191)
- CIE Lab
- lab(36.68 20.84 -67.72)
- LCH
- lch(36.68 70.85 287.1)
- CMYK
- cmyk(83% 60% 0% 22%)
틴트 · 셰이드 · 톤
틴트
- 3663CD
- 4B75D4
- 6087DB
- 7598E1
- 8BA9E7
- A2BBED
- B8CCF2
- D0DDF7
- E7EEFB
셰이드
- 1B44AC
- 163892
- 102E7A
- 0B2362
- 06194B
- 031035
- 010721
- 00020E
- 000002
톤
- 2B56C0
- 355DBA
- 3E62B3
- 4868AD
- 516CA6
- 5B719F
- 647598
- 6D7990
- 777D88
색 조화
보색 +180°
- 214FC6
New Car
- 765600
≈ Pickled Grape Leaves
유사색 -30° +30°
- 214FC6
New Car
- 00648B
≈ Reservoir
- 6738BB
≈ Purple Emperor
삼각 배색 +120° +240°
- 214FC6
New Car
- AF001E
≈ Mammary Red
- 007115
≈ Bogey Green
분열 보색 +150° +210°
- 214FC6
New Car
- 8E4600
≈ Korichnewyi Brown
- 5C6200
≈ Kirchner Green
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.00:1 · APCA Lc 84
Ag
Fail검은색 위
WCAG 2.99:1 · APCA Lc 18
가장 좋은 글자색: #FFFFFF
WCAG 7.00:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--new-car: #214fc6;
--new-car-rgb: 33 79 198;
--new-car-oklch: oklch(0.475 0.192 264.2);
}
.element {
color: var(--new-car);
background-color: hsl(223 71% 45%);
border-color: oklch(0.475 0.192 264.2);
}Tailwind CSS v4
@theme {
--color-new-car: #214fc6;
--color-new-car-50: #dcf5ff;
--color-new-car-100: #cae7ff;
--color-new-car-200: #aed2ff;
--color-new-car-300: #89b3ff;
--color-new-car-400: #6398ff;
--color-new-car-500: #427bff;
--color-new-car-600: #3968da;
--color-new-car-700: #2d54b0;
--color-new-car-800: #1a3e84;
--color-new-car-900: #112a5d;
--color-new-car-950: #041740;
}SCSS
$new-car: #214fc6;
$new-car-rgb: 33, 79, 198;
$new-car-light: mix(#fff, $new-car, 20%);
$new-car-dark: mix(#000, $new-car, 20%);
.element {
color: $new-car;
box-shadow: 0 0 0 2px rgba($new-car, 0.35);
}