이름 색상 · #CCC2C6
Sun Painter
Sun Painter은(는) #CCC2C6: rgb(204 194 198), hsl(336 9% 78%), oklch(0.823 0.012 351). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Sun Painter color name →
#CCC2C6
oklch(0.823 0.012 351)
색상 변환
- HEX
- #ccc2c6
- RGB
- rgb(204 194 198)
- HSL
- hsl(336 9% 78%)
- HWB
- hwb(336 76% 20%)
- OKLCH
- oklch(0.823 0.012 351)
- OKLab
- oklab(0.823 0.012 -0.002)
- CIE Lab
- lab(79.35 4.15 -0.7)
- LCH
- lch(79.35 4.21 350.5)
- CMYK
- cmyk(0% 5% 3% 20%)
틴트 · 셰이드 · 톤
틴트
- D1C8CC
- D6CED1
- DBD4D7
- E0DADC
- E5E0E2
- EAE6E8
- F0ECEE
- F5F3F3
- FAF9F9
셰이드
- B1A8AC
- 978F92
- 7E777A
- 656062
- 4E494B
- 373435
- 222021
- 0F0E0E
- 020202
톤
- C4BBBF
- BCB4B8
- B5AEB0
- ADA7A9
- A5A0A2
- 9E9A9B
- 969394
- 8F8D8E
- 878687
색 조화
보색 +180°
- CCC2C6
Sun Painter
- BEC8C4
≈ Smoke
유사색 -30° +30°
- CCC2C6
Sun Painter
- C9C3CA
≈ Posture & Pose
- CDC2C2
≈ Ancestral
삼각 배색 +120° +240°
- CCC2C6
Sun Painter
- C5C6BD
≈ Notre Dame
- BEC7CC
≈ Gris Náutico
분열 보색 +150° +210°
- CCC2C6
Sun Painter
- C1C7C0
≈ Nickel Plate
- BCC8C8
≈ Oceanic Climate
사각 배색 +90° +180° +270°
- CCC2C6
Sun Painter
- C9C4BC
≈ Pavestone
- BEC8C4
≈ Smoke
- C1C5CD
≈ Flat Aluminium
대비 및 접근성
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 {
--sun-painter: #ccc2c6;
--sun-painter-rgb: 204 194 198;
--sun-painter-oklch: oklch(0.823 0.012 351);
}
.element {
color: var(--sun-painter);
background-color: hsl(336 9% 78%);
border-color: oklch(0.823 0.012 351);
}Tailwind CSS v4
@theme {
--color-sun-painter: #ccc2c6;
--color-sun-painter-50: #f8f4f5;
--color-sun-painter-100: #ebe6e8;
--color-sun-painter-200: #d9d2d4;
--color-sun-painter-300: #bdb5b8;
--color-sun-painter-400: #a59c9f;
--color-sun-painter-500: #8d8387;
--color-sun-painter-600: #776f72;
--color-sun-painter-700: #60595b;
--color-sun-painter-800: #464143;
--color-sun-painter-900: #302d2e;
--color-sun-painter-950: #1d1a1b;
}SCSS
$sun-painter: #ccc2c6;
$sun-painter-rgb: 204, 194, 198;
$sun-painter-light: mix(#fff, $sun-painter, 20%);
$sun-painter-dark: mix(#000, $sun-painter, 20%);
.element {
color: $sun-painter;
box-shadow: 0 0 0 2px rgba($sun-painter, 0.35);
}