이름 색상 · #C1C6BF
Nickel Plate
Nickel Plate은(는) #C1C6BF: rgb(193 198 191), hsl(103 6% 76%), oklch(0.821 0.011 136.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Nickel Plate color name →
#C1C6BF
oklch(0.821 0.011 136.6)
색상 변환
- HEX
- #c1c6bf
- RGB
- rgb(193 198 191)
- HSL
- hsl(103 6% 76%)
- HWB
- hwb(103 75% 22%)
- OKLCH
- oklch(0.821 0.011 136.6)
- OKLab
- oklab(0.821 -0.008 0.008)
- CIE Lab
- lab(79.33 -2.75 2.89)
- LCH
- lch(79.33 3.98 133.6)
- CMYK
- cmyk(3% 0% 4% 22%)
틴트 · 셰이드 · 톤
틴트
- C7CCC5
- CDD1CC
- D3D7D2
- D9DCD8
- E0E2DF
- E6E8E5
- ECEEEB
- F2F3F2
- F9F9F8
셰이드
- A7ACA6
- 8F928D
- 777A75
- 5F625E
- 494B48
- 343533
- 20211F
- 0E0E0D
- 020202
톤
- BABFB9
- B4B8B2
- ADB0AC
- A6A9A5
- A0A29F
- 999B99
- 939492
- 8D8E8C
- 868786
색 조화
보색 +180°
- C1C6BF
Nickel Plate
- C7C2C9
≈ Lavender Vapour
유사색 -30° +30°
- C1C6BF
Nickel Plate
- C5C5BD
≈ Notre Dame
- BEC7C3
≈ Smoke
삼각 배색 +120° +240°
- C1C6BF
Nickel Plate
- C0C5CC
≈ Bottlefly Wings
- CBC2C2
≈ White Flag
분열 보색 +150° +210°
- C1C6BF
Nickel Plate
- C3C3CB
≈ Satire
- CAC1C6
≈ Haze
사각 배색 +90° +180° +270°
- C1C6BF
Nickel Plate
- BDC6CA
≈ Gris Náutico
- C7C2C9
≈ Lavender Vapour
- CBC2BE
≈ Chicago Fog
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.73:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 12.09:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.09:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--nickel-plate: #c1c6bf;
--nickel-plate-rgb: 193 198 191;
--nickel-plate-oklch: oklch(0.821 0.011 136.6);
}
.element {
color: var(--nickel-plate);
background-color: hsl(103 6% 76%);
border-color: oklch(0.821 0.011 136.6);
}Tailwind CSS v4
@theme {
--color-nickel-plate: #c1c6bf;
--color-nickel-plate-50: #f3f6f3;
--color-nickel-plate-100: #e6e9e5;
--color-nickel-plate-200: #d2d5d1;
--color-nickel-plate-300: #b5b9b3;
--color-nickel-plate-400: #9ba09a;
--color-nickel-plate-500: #838881;
--color-nickel-plate-600: #6f736d;
--color-nickel-plate-700: #595c57;
--color-nickel-plate-800: #41433f;
--color-nickel-plate-900: #2d2e2c;
--color-nickel-plate-950: #1a1b19;
}SCSS
$nickel-plate: #c1c6bf;
$nickel-plate-rgb: 193, 198, 191;
$nickel-plate-light: mix(#fff, $nickel-plate, 20%);
$nickel-plate-dark: mix(#000, $nickel-plate, 20%);
.element {
color: $nickel-plate;
box-shadow: 0 0 0 2px rgba($nickel-plate, 0.35);
}