Nazwany kolor · #A7C74F
Sweet Midori
Sweet Midori to #A7C74F: rgb(167 199 79), hsl(76 52% 55%), oklch(0.782 0.151 122.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Sweet Midori color name →
#A7C74F
oklch(0.782 0.151 122.5)
Konwersje koloru
- HEX
- #a7c74f
- RGB
- rgb(167 199 79)
- HSL
- hsl(76 52% 55%)
- HWB
- hwb(76 31% 22%)
- OKLCH
- oklch(0.782 0.151 122.5)
- OKLab
- oklab(0.782 -0.081 0.127)
- CIE Lab
- lab(76.08 -24.1 54.56)
- LCH
- lch(76.08 59.65 113.8)
- CMYK
- cmyk(16% 0% 60% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AFCD64
- B8D378
- C0D88A
- C9DE9B
- D2E4AD
- DBE9BD
- E4EFCE
- EDF4DE
- F6FAEF
Odcienie ciemniejsze
- 91AD44
- 7B9338
- 667A2E
- 526223
- 3E4C19
- 2C3610
- 1A2107
- 0A0E02
- 010200
Tony
- A3C057
- 9FB95F
- 9BB265
- 97AB6A
- 93A46F
- 8F9C73
- 8B9577
- 878E7A
- 84877D
Harmonie kolorów
Komplementarna +180°
- A7C74F
Sweet Midori
- C9A2FF
≈ Diva
Analogowa -30° +30°
- A7C74F
Sweet Midori
- DAB427
≈ Pickled Peppers
- 60D388
≈ Spring Bouquet
Triada +120° +240°
- A7C74F
Sweet Midori
- 6DC1FF
≈ Maya Blue
- FF91B0
≈ Schauss Pink
Komplementarna rozszczepiona +150° +210°
- A7C74F
Sweet Midori
- A0B3FF
≈ Wondrous Wisteria
- F092E2
≈ Love Dust
Tetrada +90° +180° +270°
- A7C74F
Sweet Midori
- 00CEEB
≈ Picnic Day Sky
- C9A2FF
≈ Diva
- FF9883
≈ Orange Aura
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.92:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.92:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 10.92:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--sweet-midori: #a7c74f;
--sweet-midori-rgb: 167 199 79;
--sweet-midori-oklch: oklch(0.782 0.151 122.5);
}
.element {
color: var(--sweet-midori);
background-color: hsl(76 52% 55%);
border-color: oklch(0.782 0.151 122.5);
}Tailwind CSS v4
@theme {
--color-sweet-midori: #a7c74f;
--color-sweet-midori-50: #ebfdce;
--color-sweet-midori-100: #ddf1ba;
--color-sweet-midori-200: #c6e098;
--color-sweet-midori-300: #a6c56c;
--color-sweet-midori-400: #8fac3a;
--color-sweet-midori-500: #759400;
--color-sweet-midori-600: #637e00;
--color-sweet-midori-700: #4f6500;
--color-sweet-midori-800: #3c4900;
--color-sweet-midori-900: #293300;
--color-sweet-midori-950: #171e00;
}SCSS
$sweet-midori: #a7c74f;
$sweet-midori-rgb: 167, 199, 79;
$sweet-midori-light: mix(#fff, $sweet-midori, 20%);
$sweet-midori-dark: mix(#000, $sweet-midori, 20%);
.element {
color: $sweet-midori;
box-shadow: 0 0 0 2px rgba($sweet-midori, 0.35);
}