Nazwany kolor · #C2D61D
Evening Primrose
Evening Primrose to #C2D61D: rgb(194 214 29), hsl(66 76% 48%), oklch(0.833 0.186 116.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Evening Primrose color name →
#C2D61D
oklch(0.833 0.186 116.5)
Konwersje koloru
- HEX
- #c2d61d
- RGB
- rgb(194 214 29)
- HSL
- hsl(66 76% 48%)
- HWB
- hwb(66 11% 16%)
- OKLCH
- oklch(0.833 0.186 116.5)
- OKLab
- oklab(0.833 -0.083 0.166)
- CIE Lab
- lab(81.99 -21.77 76.48)
- LCH
- lch(81.99 79.51 105.9)
- CMYK
- cmyk(9% 0% 86% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C8DB49
- CDDF65
- D3E37C
- D9E891
- DFECA5
- E5F0B7
- ECF4CA
- F2F8DC
- F8FBED
Odcienie ciemniejsze
- A8BA18
- 8F9E13
- 77840E
- 606A09
- 495205
- 343B03
- 202501
- 0E1000
- 020200
Tony
- BBCD38
- B4C549
- ADBC55
- A6B45E
- A0AB66
- 99A26D
- 939A73
- 8C9178
- 86897C
Harmonie kolorów
Komplementarna +180°
- C2D61D
Evening Primrose
- CEBCFF
≈ Lavender Tonic
Analogowa -30° +30°
- C2D61D
Evening Primrose
- F8BF00
≈ Golden
- 6AE77B
≈ Grotesque Green
Triada +120° +240°
- C2D61D
Evening Primrose
- 89D2FF
≈ Kul Sharif Blue
- FFACCA
≈ Heartfelt
Komplementarna rozszczepiona +150° +210°
- C2D61D
Evening Primrose
- AFC7FF
≈ Night Snow
- FEA1FF
≈ Pinkalicious
Tetrada +90° +180° +270°
- C2D61D
Evening Primrose
- 00E2F6
≈ Cold Heights
- CEBCFF
≈ Lavender Tonic
- FFB1A8
≈ Peach Bud
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.62:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.93:1 · APCA Lc 75
Najlepszy kolor tekstu: #000000
WCAG 12.93:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--evening-primrose: #c2d61d;
--evening-primrose-rgb: 194 214 29;
--evening-primrose-oklch: oklch(0.833 0.186 116.5);
}
.element {
color: var(--evening-primrose);
background-color: hsl(66 76% 48%);
border-color: oklch(0.833 0.186 116.5);
}Tailwind CSS v4
@theme {
--color-evening-primrose: #c2d61d;
--color-evening-primrose-50: #effdc1;
--color-evening-primrose-100: #e1f1aa;
--color-evening-primrose-200: #ccdf82;
--color-evening-primrose-300: #aec44a;
--color-evening-primrose-400: #99aa00;
--color-evening-primrose-500: #819200;
--color-evening-primrose-600: #6d7c00;
--color-evening-primrose-700: #576300;
--color-evening-primrose-800: #424800;
--color-evening-primrose-900: #2e3200;
--color-evening-primrose-950: #1b1d00;
}SCSS
$evening-primrose: #c2d61d;
$evening-primrose-rgb: 194, 214, 29;
$evening-primrose-light: mix(#fff, $evening-primrose, 20%);
$evening-primrose-dark: mix(#000, $evening-primrose, 20%);
.element {
color: $evening-primrose;
box-shadow: 0 0 0 2px rgba($evening-primrose, 0.35);
}