Nazwany kolor · #99AF73
Rural Eyes
Rural Eyes to #99AF73: rgb(153 175 115), hsl(82 27% 57%), oklch(0.722 0.086 124.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Rural Eyes color name →
#99AF73
oklch(0.722 0.086 124.9)
Konwersje koloru
- HEX
- #99af73
- RGB
- rgb(153 175 115)
- HSL
- hsl(82 27% 57%)
- HWB
- hwb(82 45% 31%)
- OKLCH
- oklch(0.722 0.086 124.9)
- OKLab
- oklab(0.722 -0.049 0.07)
- CIE Lab
- lab(68.65 -15.65 28.17)
- LCH
- lch(68.65 32.23 119)
- CMYK
- cmyk(13% 0% 34% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A3B781
- ADBF8F
- B7C79D
- C1CFAB
- CBD7B8
- D5DFC6
- DFE7D4
- EAEFE3
- F4F7F1
Odcienie ciemniejsze
- 849863
- 708154
- 5D6B45
- 4A5636
- 384128
- 272E1B
- 171C0F
- 080B05
- 010101
Tony
- 96AA75
- 94A677
- 91A178
- 8F9C7A
- 8C977B
- 8A937C
- 878E7D
- 85897E
- 82857F
Harmonie kolorów
Komplementarna +180°
- 99AF73
Rural Eyes
- B298D1
≈ Biloba Flower
Analogowa -30° +30°
- 99AF73
Rural Eyes
- B6A565
≈ Shutterbug
- 79B68E
≈ Green Eggs and Ham
Triada +120° +240°
- 99AF73
Rural Eyes
- 77ABD8
≈ High Seas
- D48F9E
≈ Sugar Tooth
Komplementarna rozszczepiona +150° +210°
- 99AF73
Rural Eyes
- 95A1DB
≈ Dalmatian Sage
- C791BB
≈ Pomtini
Tetrada +90° +180° +270°
- 99AF73
Rural Eyes
- 60B3C7
≈ Gondolier
- B298D1
≈ Biloba Flower
- D59281
≈ Sunburnt Toes
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.40:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.73:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.73:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
CSS
:root {
--rural-eyes: #99af73;
--rural-eyes-rgb: 153 175 115;
--rural-eyes-oklch: oklch(0.722 0.086 124.9);
}
.element {
color: var(--rural-eyes);
background-color: hsl(82 27% 57%);
border-color: oklch(0.722 0.086 124.9);
}Tailwind CSS v4
@theme {
--color-rural-eyes: #99af73;
--color-rural-eyes-50: #eefae0;
--color-rural-eyes-100: #e0eecf;
--color-rural-eyes-200: #cadcb4;
--color-rural-eyes-300: #acc091;
--color-rural-eyes-400: #93a86f;
--color-rural-eyes-500: #79904f;
--color-rural-eyes-600: #677a43;
--color-rural-eyes-700: #526236;
--color-rural-eyes-800: #3d4725;
--color-rural-eyes-900: #2a3118;
--color-rural-eyes-950: #171d09;
}SCSS
$rural-eyes: #99af73;
$rural-eyes-rgb: 153, 175, 115;
$rural-eyes-light: mix(#fff, $rural-eyes, 20%);
$rural-eyes-dark: mix(#000, $rural-eyes, 20%);
.element {
color: $rural-eyes;
box-shadow: 0 0 0 2px rgba($rural-eyes, 0.35);
}