이름 색상 · #A1968C
Rock Slide
Rock Slide은(는) #A1968C: rgb(161 150 140), hsl(29 10% 59%), oklch(0.68 0.019 64.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Rock Slide color name →
#A1968C
oklch(0.68 0.019 64.8)
색상 변환
- HEX
- #a1968c
- RGB
- rgb(161 150 140)
- HSL
- hsl(29 10% 59%)
- HWB
- hwb(29 55% 37%)
- OKLCH
- oklch(0.68 0.019 64.8)
- OKLab
- oklab(0.68 0.008 0.018)
- CIE Lab
- lab(62.83 2.88 6.83)
- LCH
- lch(62.83 7.41 67.1)
- CMYK
- cmyk(0% 7% 13% 37%)
틴트 · 셰이드 · 톤
틴트
- AAA097
- B3AAA2
- BCB4AD
- C6BFB9
- CFC9C4
- D9D4D0
- E2DEDB
- ECE9E7
- F5F4F3
셰이드
- 8B8279
- 766E67
- 625B55
- 4E4943
- 3C3733
- 2A2623
- 191614
- 090807
- 010101
톤
- 9E948B
- 9A928A
- 978F88
- 948D87
- 908B86
- 8D8985
- 8A8784
- 878482
- 838281
색 조화
보색 +180°
- A1968C
Rock Slide
- 8F9AA4
≈ Canadian Lake
유사색 -30° +30°
- A1968C
Rock Slide
- A49490
≈ Fall Heliotrope
- 9C988B
≈ London Fog
삼각 배색 +120° +240°
- A1968C
Rock Slide
- 8C9C9A
≈ Boredom
- 9B95A2
≈ Ash Violet
분열 보색 +150° +210°
- A1968C
Rock Slide
- 8B9CA0
≈ Shale Grey
- 9498A5
≈ Time Warp
사각 배색 +90° +180° +270°
- A1968C
Rock Slide
- 8F9C93
≈ Iceberg Green
- 8F9AA4
≈ Canadian Lake
- A0949D
≈ Hidcote
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.89:1 · APCA Lc 55
Ag
AAA검은색 위
WCAG 7.25:1 · APCA Lc 47
가장 좋은 글자색: #000000
WCAG 7.25:1 (AAA) · APCA Lc 47
Contrast pairs
코드 스니펫
CSS
:root {
--rock-slide: #a1968c;
--rock-slide-rgb: 161 150 140;
--rock-slide-oklch: oklch(0.68 0.019 64.8);
}
.element {
color: var(--rock-slide);
background-color: hsl(29 10% 59%);
border-color: oklch(0.68 0.019 64.8);
}Tailwind CSS v4
@theme {
--color-rock-slide: #a1968c;
--color-rock-slide-50: #f9f4ef;
--color-rock-slide-100: #ece7e1;
--color-rock-slide-200: #dad3cc;
--color-rock-slide-300: #beb6ad;
--color-rock-slide-400: #a79c93;
--color-rock-slide-500: #908479;
--color-rock-slide-600: #797067;
--color-rock-slide-700: #615952;
--color-rock-slide-800: #47413c;
--color-rock-slide-900: #312d29;
--color-rock-slide-950: #1d1a17;
}SCSS
$rock-slide: #a1968c;
$rock-slide-rgb: 161, 150, 140;
$rock-slide-light: mix(#fff, $rock-slide, 20%);
$rock-slide-dark: mix(#000, $rock-slide, 20%);
.element {
color: $rock-slide;
box-shadow: 0 0 0 2px rgba($rock-slide, 0.35);
}