Nazwany kolor · #C6D26E
Daiquiri Green
Daiquiri Green to #C6D26E: rgb(198 210 110), hsl(67 53% 63%), oklch(0.833 0.126 114.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Daiquiri Green color name →
#C6D26E
oklch(0.833 0.126 114.8)
Konwersje koloru
- HEX
- #c6d26e
- RGB
- rgb(198 210 110)
- HSL
- hsl(67 53% 63%)
- HWB
- hwb(67 43% 18%)
- OKLCH
- oklch(0.833 0.126 114.8)
- OKLab
- oklab(0.833 -0.053 0.114)
- CIE Lab
- lab(81.68 -14.91 47.62)
- LCH
- lch(81.68 49.9 107.4)
- CMYK
- cmyk(6% 0% 48% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CBD77E
- D1DB8E
- D6E09D
- DCE5AB
- E2E9BA
- E7EEC8
- EDF2D6
- F3F6E3
- F9FBF1
Odcienie ciemniejsze
- ACB65F
- 929B50
- 7A8141
- 626833
- 4B5026
- 353919
- 21240E
- 0E1004
- 020201
Tony
- BFCA72
- B7C175
- B0B977
- A9B17A
- A2A97B
- 9BA07D
- 94987E
- 8D907F
- 878880
Harmonie kolorów
Komplementarna +180°
- C6D26E
Daiquiri Green
- CCBDFF
≈ Lavender Tonic
Analogowa -30° +30°
- C6D26E
Daiquiri Green
- EEC261
≈ Overjoy
- 93DE95
≈ Retro
Triada +120° +240°
- C6D26E
Daiquiri Green
- 86D3FF
≈ Kul Sharif Blue
- FFACCC
≈ Majin Bū Pink
Komplementarna rozszczepiona +150° +210°
- C6D26E
Daiquiri Green
- AEC8FF
≈ Night Snow
- F2ACF6
≈ Pinky Swear
Tetrada +90° +180° +270°
- C6D26E
Daiquiri Green
- 47E0EF
≈ Blue Dacnis
- CCBDFF
≈ Lavender Tonic
- FFB1AA
≈ Peach Bud
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.63:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.84:1 · APCA Lc 75
Najlepszy kolor tekstu: #000000
WCAG 12.84:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--daiquiri-green: #c6d26e;
--daiquiri-green-rgb: 198 210 110;
--daiquiri-green-oklch: oklch(0.833 0.126 114.8);
}
.element {
color: var(--daiquiri-green);
background-color: hsl(67 53% 63%);
border-color: oklch(0.833 0.126 114.8);
}Tailwind CSS v4
@theme {
--color-daiquiri-green: #c6d26e;
--color-daiquiri-green-50: #f2fad2;
--color-daiquiri-green-100: #e5eebf;
--color-daiquiri-green-200: #d0dc9e;
--color-daiquiri-green-300: #b3c074;
--color-daiquiri-green-400: #9ca749;
--color-daiquiri-green-500: #858f09;
--color-daiquiri-green-600: #707910;
--color-daiquiri-green-700: #5a610d;
--color-daiquiri-green-800: #434605;
--color-daiquiri-green-900: #2e3104;
--color-daiquiri-green-950: #1b1d00;
}SCSS
$daiquiri-green: #c6d26e;
$daiquiri-green-rgb: 198, 210, 110;
$daiquiri-green-light: mix(#fff, $daiquiri-green, 20%);
$daiquiri-green-dark: mix(#000, $daiquiri-green, 20%);
.element {
color: $daiquiri-green;
box-shadow: 0 0 0 2px rgba($daiquiri-green, 0.35);
}