Adlandırılmış renk · #C5CD8F
Dancing Green
Dancing Green, #C5CD8F: rgb(197 205 143), hsl(68 38% 68%), oklch(0.827 0.082 114.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Dancing Green color name →
#C5CD8F
oklch(0.827 0.082 114.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CBD29A
- D0D7A6
- D6DCB1
- DCE1BC
- E1E6C7
- E7EBD2
- EDF0DE
- F3F5E9
- F9FAF4
Koyu tonlar
- ABB27C
- 929869
- 797E57
- 616645
- 4B4E34
- 353824
- 212315
- 0E0F07
- 020201
Gri tonlar
- BEC58E
- B7BD8D
- B0B58C
- A9AE8A
- A2A689
- 9B9E87
- 949786
- 8D8F84
- 878782
Renk uyumları
Tamamlayıcı +180°
- C5CD8F
Dancing Green
- C9BDF7
≈ Connecticut Lilac
Analog -30° +30°
- C5CD8F
Dancing Green
- E0C388
≈ Moonlight Yellow
- A6D5A5
≈ Pistachio Green
Üçlü +120° +240°
- C5CD8F
Dancing Green
- 90D0F4
≈ Pool Tiles
- F2B1CA
≈ Changeling Pink
Bölünmüş tamamlayıcı +150° +210°
- C5CD8F
Dancing Green
- ACC6FD
≈ Night Snow
- E2B5E5
≈ Pink Drink
Dörtlü +90° +180° +270°
- C5CD8F
Dancing Green
- 83D6DF
≈ VIC 20 Sky
- C9BDF7
≈ Connecticut Lilac
- F8B2AC
≈ Sango Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.67:1 · APCA Lc 30
Ag
AAASiyah üzerinde
WCAG 12.50:1 · APCA Lc 73
En iyi metin rengi: #000000
WCAG 12.50:1 (AAA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
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);
}