Nazwany kolor · #A7B25F
Cornstalk
Cornstalk to #A7B25F: rgb(167 178 95), hsl(68 35% 54%), oklch(0.736 0.108 115.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Cornstalk color name →
#A7B25F
oklch(0.736 0.108 115.3)
Konwersje koloru
- HEX
- #a7b25f
- RGB
- rgb(167 178 95)
- HSL
- hsl(68 35% 54%)
- HWB
- hwb(68 37% 30%)
- OKLCH
- oklch(0.736 0.108 115.3)
- OKLab
- oklab(0.736 -0.046 0.098)
- CIE Lab
- lab(70.32 -13.27 40.72)
- LCH
- lch(70.32 42.83 108)
- CMYK
- cmyk(6% 0% 47% 30%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AFBA70
- B8C181
- C0C991
- C9D1A1
- D2D9B0
- DBE0C0
- E4E8D0
- EDF0DF
- F6F7EF
Odcienie ciemniejsze
- 919A52
- 7B8344
- 666D38
- 52572C
- 3E4320
- 2C2F15
- 1A1D0A
- 0A0C03
- 010100
Tony
- A3AD64
- 9FA868
- 9BA36C
- 979E70
- 939973
- 8F9476
- 8B8F79
- 878A7B
- 84857E
Harmonie kolorów
Komplementarna +180°
- A7B25F
Cornstalk
- AF9CE7
≈ Dull Lavender
Analogowa -30° +30°
- A7B25F
Cornstalk
- C9A454
≈ Golden Sheaf
- 7DBC7F
≈ Flashman
Triada +120° +240°
- A7B25F
Cornstalk
- 5EB4E4
≈ Sanctuary Spa
- E08CAD
≈ Pomelo Red
Komplementarna rozszczepiona +150° +210°
- A7B25F
Cornstalk
- 89A8EF
≈ Kitten’s Eye
- CD92CF
≈ Ineffable Magenta
Tetrada +90° +180° +270°
- A7B25F
Cornstalk
- 40BDCA
≈ Panorama Blue
- AF9CE7
≈ Dull Lavender
- E68E87
≈ Fresh Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.28:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.17:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.17:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--cornstalk: #a7b25f;
--cornstalk-rgb: 167 178 95;
--cornstalk-oklch: oklch(0.736 0.108 115.3);
}
.element {
color: var(--cornstalk);
background-color: hsl(68 35% 54%);
border-color: oklch(0.736 0.108 115.3);
}Tailwind CSS v4
@theme {
--color-cornstalk: #a7b25f;
--color-cornstalk-50: #f2fad7;
--color-cornstalk-100: #e5edc5;
--color-cornstalk-200: #d0dba6;
--color-cornstalk-300: #b3bf7f;
--color-cornstalk-400: #9ca658;
--color-cornstalk-500: #848e2f;
--color-cornstalk-600: #6f7829;
--color-cornstalk-700: #596021;
--color-cornstalk-800: #424614;
--color-cornstalk-900: #2e310d;
--color-cornstalk-950: #1b1d02;
}SCSS
$cornstalk: #a7b25f;
$cornstalk-rgb: 167, 178, 95;
$cornstalk-light: mix(#fff, $cornstalk, 20%);
$cornstalk-dark: mix(#000, $cornstalk, 20%);
.element {
color: $cornstalk;
box-shadow: 0 0 0 2px rgba($cornstalk, 0.35);
}