Nazwany kolor · #C2D62E
Fuego Verde
Fuego Verde to #C2D62E: rgb(194 214 46), hsl(67 67% 51%), oklch(0.833 0.179 116.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Fuego Verde color name →
#C2D62E
oklch(0.833 0.179 116.6)
Konwersje koloru
- HEX
- #c2d62e
- RGB
- rgb(194 214 46)
- HSL
- hsl(67 67% 51%)
- HWB
- hwb(67 18% 16%)
- OKLCH
- oklch(0.833 0.179 116.6)
- OKLab
- oklab(0.833 -0.08 0.16)
- CIE Lab
- lab(82.04 -21.4 72.67)
- LCH
- lch(82.04 75.76 106.4)
- CMYK
- cmyk(9% 0% 79% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C8DB51
- CDDF6A
- D3E380
- D9E894
- DFECA7
- E5F0B9
- ECF4CB
- F2F8DD
- F8FBEE
Odcienie ciemniejsze
- A8BA27
- 8F9E1F
- 778418
- 606A12
- 49520B
- 343B06
- 202502
- 0E1001
- 020200
Tony
- BBCD41
- B4C54F
- ADBC59
- A6B462
- A0AB69
- 99A26F
- 939A74
- 8C9179
- 86897D
Harmonie kolorów
Komplementarna +180°
- C2D62E
Fuego Verde
- CEBCFF
≈ Lavender Tonic
Analogowa -30° +30°
- C2D62E
Fuego Verde
- F8BF00
≈ Golden
- 6EE77F
≈ Grotesque Green
Triada +120° +240°
- C2D62E
Fuego Verde
- 8AD2FF
≈ Long Island Sound
- FFACCA
≈ Heartfelt
Komplementarna rozszczepiona +150° +210°
- C2D62E
Fuego Verde
- B0C8FF
≈ Night Snow
- FEA1FF
≈ Pinkalicious
Tetrada +90° +180° +270°
- C2D62E
Fuego Verde
- 00E2F7
≈ Cold Heights
- CEBCFF
≈ Lavender Tonic
- FFB2A8
≈ Washed-Out Crimson
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.62:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.95:1 · APCA Lc 75
Najlepszy kolor tekstu: #000000
WCAG 12.95:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--fuego-verde: #c2d62e;
--fuego-verde-rgb: 194 214 46;
--fuego-verde-oklch: oklch(0.833 0.179 116.6);
}
.element {
color: var(--fuego-verde);
background-color: hsl(67 67% 51%);
border-color: oklch(0.833 0.179 116.6);
}Tailwind CSS v4
@theme {
--color-fuego-verde: #c2d62e;
--color-fuego-verde-50: #effdc3;
--color-fuego-verde-100: #e1f1ad;
--color-fuego-verde-200: #ccdf85;
--color-fuego-verde-300: #aec450;
--color-fuego-verde-400: #99aa00;
--color-fuego-verde-500: #819200;
--color-fuego-verde-600: #6d7c00;
--color-fuego-verde-700: #576300;
--color-fuego-verde-800: #424800;
--color-fuego-verde-900: #2e3200;
--color-fuego-verde-950: #1b1d00;
}SCSS
$fuego-verde: #c2d62e;
$fuego-verde-rgb: 194, 214, 46;
$fuego-verde-light: mix(#fff, $fuego-verde, 20%);
$fuego-verde-dark: mix(#000, $fuego-verde, 20%);
.element {
color: $fuego-verde;
box-shadow: 0 0 0 2px rgba($fuego-verde, 0.35);
}