이름 색상 · #662A2C

Devil’s Lip

Devil’s Lip은(는) #662A2C: rgb(102 42 44), hsl(358 42% 28%), oklch(0.37 0.087 20.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Brown mean? → · Devil’s Lip color name →

#662A2C

oklch(0.37 0.087 20.3)

색상 변환

HEX: #662a2c
RGB: rgb(102 42 44)
HSL: hsl(358 42% 28%)
HWB: hwb(358 16% 60%)
OKLCH: oklch(0.37 0.087 20.3)
OKLab: oklab(0.37 0.081 0.03)
CIE Lab: lab(26.07 27.72 12.7)
LCH: lch(26.07 30.49 24.6)
CMYK: cmyk(0% 59% 57% 60%)

틴트 · 셰이드 · 톤

틴트

763E3E
855251
956665
A47B7A
B3908F
C3A5A4
D2BBBA
E1D1D1
F0E8E8

셰이드

582325
4A1C1E
3C1617
2F1011
230A0A
170505
0C0202
040101
000000

톤

6A3334
6D3C3C
704444
734D4C
765555
785E5D
7B6666
7D6F6E
7E7777

색 조화

보색 +180°

662A2C
Devil’s Lip
004A4D
≈ Sherpa Blue

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 10.86:1 · APCA Lc 95

AAA

검은색 위

WCAG 1.93:1 · APCA Lc 8

Fail

가장 좋은 글자색: #FFFFFF

WCAG 10.86:1 (AAA) · APCA Lc 95

Contrast pairs

코드 스니펫

CSS

:root {
  --devil-s-lip: #662a2c;
  --devil-s-lip-rgb: 102 42 44;
  --devil-s-lip-oklch: oklch(0.37 0.087 20.3);
}

.element {
  color: var(--devil-s-lip);
  background-color: hsl(358 42% 28%);
  border-color: oklch(0.37 0.087 20.3);
}

Tailwind CSS v4

@theme {
  --color-devil-s-lip: #662a2c;
  --color-devil-s-lip-50: #ffecea;
  --color-devil-s-lip-100: #ffdddb;
  --color-devil-s-lip-200: #f7c6c3;
  --color-devil-s-lip-300: #e1a6a3;
  --color-devil-s-lip-400: #cd8a89;
  --color-devil-s-lip-500: #b96e6e;
  --color-devil-s-lip-600: #9c5d5d;
  --color-devil-s-lip-700: #7d4b4a;
  --color-devil-s-lip-800: #5d3637;
  --color-devil-s-lip-900: #412525;
  --color-devil-s-lip-950: #291314;
}

SCSS

$devil-s-lip: #662a2c;
$devil-s-lip-rgb: 102, 42, 44;
$devil-s-lip-light: mix(#fff, $devil-s-lip, 20%);
$devil-s-lip-dark: mix(#000, $devil-s-lip, 20%);

.element {
  color: $devil-s-lip;
  box-shadow: 0 0 0 2px rgba($devil-s-lip, 0.35);
}

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

피커 조합 대비 검사기 Studio JSON API