Nazwany kolor · #C1EE13
Virtual Golf
Virtual Golf to #C1EE13: rgb(193 238 19), hsl(72 87% 50%), oklch(0.885 0.213 122.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Virtual Golf color name →
#C1EE13
oklch(0.885 0.213 122.5)
Konwersje koloru
- HEX
- #c1ee13
- RGB
- rgb(193 238 19)
- HSL
- hsl(72 87% 50%)
- HWB
- hwb(72 7% 7%)
- OKLCH
- oklch(0.885 0.213 122.5)
- OKLab
- oklab(0.885 -0.115 0.18)
- CIE Lab
- lab(88.54 -32.77 82.92)
- LCH
- lch(88.54 89.16 111.6)
- CMYK
- cmyk(19% 0% 92% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C7F049
- CDF267
- D3F57F
- D9F694
- DFF8A8
- E5FABA
- ECFBCC
- F2FDDD
- F8FEEE
Odcienie ciemniejsze
- A7CF0F
- 8FB10B
- 779307
- 5F7705
- 495C03
- 344201
- 202A01
- 0E1400
- 020300
Tony
- BAE337
- B3D84A
- ADCD57
- A6C261
- A0B769
- 99AC6F
- 93A175
- 8C9679
- 868B7D
Harmonie kolorów
Komplementarna +180°
- C1EE13
Virtual Golf
- E2CFFF
≈ Pale Lavender
Analogowa -30° +30°
- C1EE13
Virtual Golf
- FFD540
≈ Daisy
- 49FF93
≈ Eva Green
Triada +120° +240°
- C1EE13
Virtual Golf
- B7DFFF
≈ Dithered Sky
- FFC8D5
≈ Flower Spell
Komplementarna rozszczepiona +150° +210°
- C1EE13
Virtual Golf
- CCD8FF
≈ Pale Phthalo Blue
- FFC3F4
≈ Pink Quartz
Tetrada +90° +180° +270°
- C1EE13
Virtual Golf
- 88EBFF
≈ Photon Projector
- E2CFFF
≈ Pale Lavender
- FFCBC0
≈ Piggy Dreams
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.35:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.50:1 · APCA Lc 86
Najlepszy kolor tekstu: #000000
WCAG 15.50:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--virtual-golf: #c1ee13;
--virtual-golf-rgb: 193 238 19;
--virtual-golf-oklch: oklch(0.885 0.213 122.5);
}
.element {
color: var(--virtual-golf);
background-color: hsl(72 87% 50%);
border-color: oklch(0.885 0.213 122.5);
}Tailwind CSS v4
@theme {
--color-virtual-golf: #c1ee13;
--color-virtual-golf-50: #e8ffbd;
--color-virtual-golf-100: #d8f5a5;
--color-virtual-golf-200: #c0e47a;
--color-virtual-golf-300: #a0c93c;
--color-virtual-golf-400: #89b000;
--color-virtual-golf-500: #6f9800;
--color-virtual-golf-600: #5e8100;
--color-virtual-golf-700: #4b6700;
--color-virtual-golf-800: #394b00;
--color-virtual-golf-900: #273400;
--color-virtual-golf-950: #161f00;
}SCSS
$virtual-golf: #c1ee13;
$virtual-golf-rgb: 193, 238, 19;
$virtual-golf-light: mix(#fff, $virtual-golf, 20%);
$virtual-golf-dark: mix(#000, $virtual-golf, 20%);
.element {
color: $virtual-golf;
box-shadow: 0 0 0 2px rgba($virtual-golf, 0.35);
}