이름 색상 · #A99681
Adolescent Rodent
Adolescent Rodent은(는) #A99681: rgb(169 150 129), hsl(32 19% 58%), oklch(0.684 0.037 69.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Adolescent Rodent color name →
#A99681
oklch(0.684 0.037 69.9)
색상 변환
- HEX
- #a99681
- RGB
- rgb(169 150 129)
- HSL
- hsl(32 19% 58%)
- HWB
- hwb(32 51% 34%)
- OKLCH
- oklch(0.684 0.037 69.9)
- OKLab
- oklab(0.684 0.013 0.035)
- CIE Lab
- lab(63.36 4.77 13.84)
- LCH
- lch(63.36 14.64 71)
- CMYK
- cmyk(0% 11% 24% 34%)
틴트 · 셰이드 · 톤
틴트
- B1A08D
- BAAA99
- C2B5A5
- CBBFB2
- D3C9BE
- DCD4CB
- E5DFD8
- EDE9E5
- F6F4F2
셰이드
- 92826F
- 7C6E5E
- 675B4E
- 53493E
- 3F372E
- 2C261F
- 1B1612
- 0A0806
- 010101
톤
- A59481
- A19281
- 9D8F81
- 988D81
- 948B81
- 908981
- 8C8781
- 888480
- 848280
색 조화
보색 +180°
- A99681
Adolescent Rodent
- 899CB0
≈ Private Jet
유사색 -30° +30°
- A99681
Adolescent Rodent
- AF9288
≈ Plush Suede
- 9F9B80
≈ Grey Olive
삼각 배색 +120° +240°
- A99681
Adolescent Rodent
- 80A19F
≈ Gnome
- A194AB
≈ Fields of Provence
분열 보색 +150° +210°
- A99681
Adolescent Rodent
- 819FAA
≈ Serene Stream
- 9498B1
≈ Frosty Nightfall
사각 배색 +90° +180° +270°
- A99681
Adolescent Rodent
- 86A192
≈ Australian Jade
- 899CB0
≈ Private Jet
- AA91A1
≈ Mauve Shadows
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.85:1 · APCA Lc 55
Ag
AAA검은색 위
WCAG 7.36:1 · APCA Lc 47
가장 좋은 글자색: #000000
WCAG 7.36:1 (AAA) · APCA Lc 47
Contrast pairs
코드 스니펫
CSS
:root {
--adolescent-rodent: #a99681;
--adolescent-rodent-rgb: 169 150 129;
--adolescent-rodent-oklch: oklch(0.684 0.037 69.9);
}
.element {
color: var(--adolescent-rodent);
background-color: hsl(32 19% 58%);
border-color: oklch(0.684 0.037 69.9);
}Tailwind CSS v4
@theme {
--color-adolescent-rodent: #a99681;
--color-adolescent-rodent-50: #fcf4ea;
--color-adolescent-rodent-100: #f0e6db;
--color-adolescent-rodent-200: #dfd2c3;
--color-adolescent-rodent-300: #c4b5a3;
--color-adolescent-rodent-400: #ad9b87;
--color-adolescent-rodent-500: #97826c;
--color-adolescent-rodent-600: #7f6e5b;
--color-adolescent-rodent-700: #665849;
--color-adolescent-rodent-800: #4b4035;
--color-adolescent-rodent-900: #342c24;
--color-adolescent-rodent-950: #201913;
}SCSS
$adolescent-rodent: #a99681;
$adolescent-rodent-rgb: 169, 150, 129;
$adolescent-rodent-light: mix(#fff, $adolescent-rodent, 20%);
$adolescent-rodent-dark: mix(#000, $adolescent-rodent, 20%);
.element {
color: $adolescent-rodent;
box-shadow: 0 0 0 2px rgba($adolescent-rodent, 0.35);
}