이름 색상 · #ACA79E
Dorian Grey
Dorian Grey은(는) #ACA79E: rgb(172 167 158), hsl(39 8% 65%), oklch(0.73 0.014 82.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Dorian Grey color name →
#ACA79E
oklch(0.73 0.014 82.4)
색상 변환
- HEX
- #aca79e
- RGB
- rgb(172 167 158)
- HSL
- hsl(39 8% 65%)
- HWB
- hwb(39 62% 33%)
- OKLCH
- oklch(0.73 0.014 82.4)
- OKLab
- oklab(0.73 0.002 0.014)
- CIE Lab
- lab(68.72 0.65 5.34)
- LCH
- lch(68.72 5.38 83)
- CMYK
- cmyk(0% 3% 8% 33%)
틴트 · 셰이드 · 톤
틴트
- B4AFA7
- BCB8B1
- C4C1BA
- CCC9C4
- D5D2CD
- DDDBD7
- E5E4E1
- EEEDEB
- F6F6F5
셰이드
- 959189
- 7F7B74
- 696660
- 54524D
- 403E3A
- 2D2C29
- 1B1A18
- 0B0A09
- 010101
톤
- A7A39B
- A39F98
- 9F9B95
- 9A9792
- 96938F
- 918F8C
- 8D8C89
- 898886
- 848483
색 조화
보색 +180°
- ACA79E
Dorian Grey
- A3A8B1
≈ Mischka
유사색 -30° +30°
- ACA79E
Dorian Grey
- AFA5A0
≈ Maculata Bark
- A7A99F
≈ Old Celadon
삼각 배색 +120° +240°
- ACA79E
Dorian Grey
- 9EAAAB
≈ Citadel Blue
- ACA5AD
≈ Beguiling Mauve
분열 보색 +150° +210°
- ACA79E
Dorian Grey
- 9FA9AF
≈ Seryi Grey
- A8A6B0
≈ Palace Walls
사각 배색 +90° +180° +270°
- ACA79E
Dorian Grey
- 9FABA7
≈ Feldspar Silver
- A3A8B1
≈ Mischka
- AFA4A8
≈ Quest Grey
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.39:1 · APCA Lc 47
Ag
AAA검은색 위
WCAG 8.77:1 · APCA Lc 55
가장 좋은 글자색: #000000
WCAG 8.77:1 (AAA) · APCA Lc 55
Contrast pairs
코드 스니펫
CSS
:root {
--dorian-grey: #aca79e;
--dorian-grey-rgb: 172 167 158;
--dorian-grey-oklch: oklch(0.73 0.014 82.4);
}
.element {
color: var(--dorian-grey);
background-color: hsl(39 8% 65%);
border-color: oklch(0.73 0.014 82.4);
}Tailwind CSS v4
@theme {
--color-dorian-grey: #aca79e;
--color-dorian-grey-50: #f7f5f1;
--color-dorian-grey-100: #eae7e3;
--color-dorian-grey-200: #d7d4ce;
--color-dorian-grey-300: #bbb7af;
--color-dorian-grey-400: #a29e95;
--color-dorian-grey-500: #8b857c;
--color-dorian-grey-600: #757169;
--color-dorian-grey-700: #5e5a54;
--color-dorian-grey-800: #45423d;
--color-dorian-grey-900: #302d2a;
--color-dorian-grey-950: #1c1a18;
}SCSS
$dorian-grey: #aca79e;
$dorian-grey-rgb: 172, 167, 158;
$dorian-grey-light: mix(#fff, $dorian-grey, 20%);
$dorian-grey-dark: mix(#000, $dorian-grey, 20%);
.element {
color: $dorian-grey;
box-shadow: 0 0 0 2px rgba($dorian-grey, 0.35);
}