Adlandırılmış renk · #AABB11
Leafy Woodland
Leafy Woodland, #AABB11: rgb(170 187 17), hsl(66 83% 40%), oklch(0.753 0.169 116.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Leafy Woodland color name →
#AABB11
oklch(0.753 0.169 116.2)
Renk dönüşümleri
- HEX
- #aabb11
- RGB
- rgb(170 187 17)
- HSL
- hsl(66 83% 40%)
- HWB
- hwb(66 7% 27%)
- OKLCH
- oklch(0.753 0.169 116.2)
- OKLab
- oklab(0.753 -0.075 0.152)
- CIE Lab
- lab(72.63 -19.52 70.34)
- LCH
- lch(72.63 73 105.5)
- CMYK
- cmyk(9% 0% 91% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B2C240
- BAC95C
- C2D074
- CAD789
- D3DE9E
- DBE5B2
- E4EBC5
- EDF2D9
- F6F9EC
Koyu tonlar
- 93A20D
- 7D8A09
- 687306
- 535C04
- 3F4602
- 2D3201
- 1B1F00
- 0B0D00
- 010200
Gri tonlar
- A5B530
- A1AF41
- 9DAA4D
- 98A458
- 949E60
- 909868
- 8C926F
- 888C75
- 84867B
Renk uyumları
Tamamlayıcı +180°
- AABB11
Leafy Woodland
- B89AFF
≈ Baby Purple
Analog -30° +30°
- AABB11
Leafy Woodland
- DAA600
≈ Golden Beryl Yellow
- 5BCB6A
≈ UFO Green
Üçlü +120° +240°
- AABB11
Leafy Woodland
- 35BCFF
≈ Megaman
- FF7DB2
≈ Erythrosine
Bölünmüş tamamlayıcı +150° +210°
- AABB11
Leafy Woodland
- 8AACFF
≈ Kitten’s Eye
- E585E7
≈ Lavender Magenta
Dörtlü +90° +180° +270°
- AABB11
Leafy Woodland
- 00C5D7
≈ The Crowd Roars!
- B89AFF
≈ Baby Purple
- FF867C
≈ Orange Tea Rose
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.13:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.82:1 · APCA Lc 60
En iyi metin rengi: #000000
WCAG 9.82:1 (AAA) · APCA Lc 60
Contrast pairs
Kod parçacıkları
CSS
:root {
--leafy-woodland: #aabb11;
--leafy-woodland-rgb: 170 187 17;
--leafy-woodland-oklch: oklch(0.753 0.169 116.2);
}
.element {
color: var(--leafy-woodland);
background-color: hsl(66 83% 40%);
border-color: oklch(0.753 0.169 116.2);
}Tailwind CSS v4
@theme {
--color-leafy-woodland: #aabb11;
--color-leafy-woodland-50: #f0fdc6;
--color-leafy-woodland-100: #e2f0b0;
--color-leafy-woodland-200: #cddf8a;
--color-leafy-woodland-300: #afc357;
--color-leafy-woodland-400: #9aaa00;
--color-leafy-woodland-500: #829100;
--color-leafy-woodland-600: #6e7b00;
--color-leafy-woodland-700: #586300;
--color-leafy-woodland-800: #424800;
--color-leafy-woodland-900: #2e3200;
--color-leafy-woodland-950: #1b1d00;
}SCSS
$leafy-woodland: #aabb11;
$leafy-woodland-rgb: 170, 187, 17;
$leafy-woodland-light: mix(#fff, $leafy-woodland, 20%);
$leafy-woodland-dark: mix(#000, $leafy-woodland, 20%);
.element {
color: $leafy-woodland;
box-shadow: 0 0 0 2px rgba($leafy-woodland, 0.35);
}