Adlandırılmış renk · #A99681
Adolescent Rodent
Adolescent Rodent, #A99681: rgb(169 150 129), hsl(32 19% 58%), oklch(0.684 0.037 69.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Adolescent Rodent color name →
#A99681
oklch(0.684 0.037 69.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B1A08D
- BAAA99
- C2B5A5
- CBBFB2
- D3C9BE
- DCD4CB
- E5DFD8
- EDE9E5
- F6F4F2
Koyu tonlar
- 92826F
- 7C6E5E
- 675B4E
- 53493E
- 3F372E
- 2C261F
- 1B1612
- 0A0806
- 010101
Gri tonlar
- A59481
- A19281
- 9D8F81
- 988D81
- 948B81
- 908981
- 8C8781
- 888480
- 848280
Renk uyumları
Tamamlayıcı +180°
- A99681
Adolescent Rodent
- 899CB0
≈ Private Jet
Analog -30° +30°
- A99681
Adolescent Rodent
- AF9288
≈ Plush Suede
- 9F9B80
≈ Grey Olive
Üçlü +120° +240°
- A99681
Adolescent Rodent
- 80A19F
≈ Gnome
- A194AB
≈ Fields of Provence
Bölünmüş tamamlayıcı +150° +210°
- A99681
Adolescent Rodent
- 819FAA
≈ Serene Stream
- 9498B1
≈ Frosty Nightfall
Dörtlü +90° +180° +270°
- A99681
Adolescent Rodent
- 86A192
≈ Australian Jade
- 899CB0
≈ Private Jet
- AA91A1
≈ Mauve Shadows
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.85:1 · APCA Lc 55
Ag
AAASiyah üzerinde
WCAG 7.36:1 · APCA Lc 47
En iyi metin rengi: #000000
WCAG 7.36:1 (AAA) · APCA Lc 47
Contrast pairs
Kod parçacıkları
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);
}