Nazwany kolor · #C5CD8F
Dancing Green
Dancing Green to #C5CD8F: rgb(197 205 143), hsl(68 38% 68%), oklch(0.827 0.082 114.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Dancing Green color name →
#C5CD8F
oklch(0.827 0.082 114.2)
Konwersje koloru
- HEX
- #c5cd8f
- RGB
- rgb(197 205 143)
- HSL
- hsl(68 38% 68%)
- HWB
- hwb(68 56% 20%)
- OKLCH
- oklch(0.827 0.082 114.2)
- OKLab
- oklab(0.827 -0.034 0.075)
- CIE Lab
- lab(80.66 -10.2 30)
- LCH
- lch(80.66 31.68 108.8)
- CMYK
- cmyk(4% 0% 30% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CBD29A
- D0D7A6
- D6DCB1
- DCE1BC
- E1E6C7
- E7EBD2
- EDF0DE
- F3F5E9
- F9FAF4
Odcienie ciemniejsze
- ABB27C
- 929869
- 797E57
- 616645
- 4B4E34
- 353824
- 212315
- 0E0F07
- 020201
Tony
- BEC58E
- B7BD8D
- B0B58C
- A9AE8A
- A2A689
- 9B9E87
- 949786
- 8D8F84
- 878782
Harmonie kolorów
Komplementarna +180°
- C5CD8F
Dancing Green
- C9BDF7
≈ Connecticut Lilac
Analogowa -30° +30°
- C5CD8F
Dancing Green
- E0C388
≈ Moonlight Yellow
- A6D5A5
≈ Pistachio Green
Triada +120° +240°
- C5CD8F
Dancing Green
- 90D0F4
≈ Pool Tiles
- F2B1CA
≈ Changeling Pink
Komplementarna rozszczepiona +150° +210°
- C5CD8F
Dancing Green
- ACC6FD
≈ Night Snow
- E2B5E5
≈ Pink Drink
Tetrada +90° +180° +270°
- C5CD8F
Dancing Green
- 83D6DF
≈ VIC 20 Sky
- C9BDF7
≈ Connecticut Lilac
- F8B2AC
≈ Sango Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.67:1 · APCA Lc 30
Ag
AAANa czerni
WCAG 12.50:1 · APCA Lc 73
Najlepszy kolor tekstu: #000000
WCAG 12.50:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--dancing-green: #c5cd8f;
--dancing-green-rgb: 197 205 143;
--dancing-green-oklch: oklch(0.827 0.082 114.2);
}
.element {
color: var(--dancing-green);
background-color: hsl(68 38% 68%);
border-color: oklch(0.827 0.082 114.2);
}Tailwind CSS v4
@theme {
--color-dancing-green: #c5cd8f;
--color-dancing-green-50: #f3f9de;
--color-dancing-green-100: #e6eccd;
--color-dancing-green-200: #d2d9b2;
--color-dancing-green-300: #b5bd8d;
--color-dancing-green-400: #9da46b;
--color-dancing-green-500: #858c4a;
--color-dancing-green-600: #71773f;
--color-dancing-green-700: #5a5f32;
--color-dancing-green-800: #434522;
--color-dancing-green-900: #2e3017;
--color-dancing-green-950: #1b1c08;
}SCSS
$dancing-green: #c5cd8f;
$dancing-green-rgb: 197, 205, 143;
$dancing-green-light: mix(#fff, $dancing-green, 20%);
$dancing-green-dark: mix(#000, $dancing-green, 20%);
.element {
color: $dancing-green;
box-shadow: 0 0 0 2px rgba($dancing-green, 0.35);
}