Adlandırılmış renk · #A6A865
Elf Slippers
Elf Slippers, #A6A865: rgb(166 168 101), hsl(62 28% 53%), oklch(0.714 0.089 109.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Elf Slippers color name →
#A6A865
oklch(0.714 0.089 109.9)
Renk dönüşümleri
- HEX
- #a6a865
- RGB
- rgb(166 168 101)
- HSL
- hsl(62 28% 53%)
- HWB
- hwb(62 40% 34%)
- OKLCH
- oklch(0.714 0.089 109.9)
- OKLab
- oklab(0.714 -0.03 0.084)
- CIE Lab
- lab(67.53 -8.32 34.3)
- LCH
- lch(67.53 35.29 103.6)
- CMYK
- cmyk(1% 0% 40% 34%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AEB175
- B7B984
- C0C294
- C8CAA3
- D1D3B2
- DADCC1
- E3E5D1
- ECEDE0
- F6F6EF
Koyu tonlar
- 909257
- 7A7C49
- 65673C
- 51522F
- 3E3F22
- 2B2C17
- 1A1A0C
- 0A0A03
- 010100
Gri tonlar
- A2A469
- 9EA06C
- 9A9C6F
- 969872
- 939475
- 8F9077
- 8B8C7A
- 87887C
- 84847E
Renk uyumları
Tamamlayıcı +180°
- A6A865
Elf Slippers
- A29AD7
≈ Biloba Flower
Analog -30° +30°
- A6A865
Elf Slippers
- C09D60
≈ Gold Spell
- 85B17B
≈ Hakusai Green
Üçlü +120° +240°
- A6A865
Elf Slippers
- 64ADD0
≈ Imrik Blue
- CE8CAB
≈ Kiss
Bölünmüş tamamlayıcı +150° +210°
- A6A865
Elf Slippers
- 82A4DB
≈ Blue Cue
- BC91C6
≈ Violaceous
Dörtlü +90° +180° +270°
- A6A865
Elf Slippers
- 56B4B9
≈ Thalassa
- A29AD7
≈ Biloba Flower
- D58C8C
≈ Pink Slip
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.49:1 · APCA Lc 49
Ag
AAASiyah üzerinde
WCAG 8.41:1 · APCA Lc 53
En iyi metin rengi: #000000
WCAG 8.41:1 (AAA) · APCA Lc 53
Contrast pairs
Kod parçacıkları
CSS
:root {
--elf-slippers: #a6a865;
--elf-slippers-rgb: 166 168 101;
--elf-slippers-oklch: oklch(0.714 0.089 109.9);
}
.element {
color: var(--elf-slippers);
background-color: hsl(62 28% 53%);
border-color: oklch(0.714 0.089 109.9);
}Tailwind CSS v4
@theme {
--color-elf-slippers: #a6a865;
--color-elf-slippers-50: #f5f8db;
--color-elf-slippers-100: #e8ebca;
--color-elf-slippers-200: #d5d9ad;
--color-elf-slippers-300: #b8bc88;
--color-elf-slippers-400: #a1a364;
--color-elf-slippers-500: #8a8b41;
--color-elf-slippers-600: #757638;
--color-elf-slippers-700: #5d5e2c;
--color-elf-slippers-800: #45451e;
--color-elf-slippers-900: #302f13;
--color-elf-slippers-950: #1c1c05;
}SCSS
$elf-slippers: #a6a865;
$elf-slippers-rgb: 166, 168, 101;
$elf-slippers-light: mix(#fff, $elf-slippers, 20%);
$elf-slippers-dark: mix(#000, $elf-slippers, 20%);
.element {
color: $elf-slippers;
box-shadow: 0 0 0 2px rgba($elf-slippers, 0.35);
}