Adlandırılmış renk · #C0D725
Lime Punch
Lime Punch, #C0D725: rgb(192 215 37), hsl(68 71% 49%), oklch(0.834 0.185 117.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Lime Punch color name →
#C0D725
oklch(0.834 0.185 117.5)
Renk dönüşümleri
- HEX
- #c0d725
- RGB
- rgb(192 215 37)
- HSL
- hsl(68 71% 49%)
- HWB
- hwb(68 15% 16%)
- OKLCH
- oklch(0.834 0.185 117.5)
- OKLab
- oklab(0.834 -0.085 0.164)
- CIE Lab
- lab(82.14 -22.88 74.89)
- LCH
- lch(82.14 78.31 107)
- CMYK
- cmyk(11% 0% 83% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C6DB4C
- CCE067
- D2E47E
- D8E892
- DEECA6
- E5F0B8
- EBF4CA
- F2F8DC
- F8FBEE
Koyu tonlar
- A7BB1F
- 8E9F19
- 768513
- 5F6B0D
- 495208
- 343B04
- 202502
- 0E1100
- 020200
Gri tonlar
- B9CE3C
- B2C64B
- ACBD57
- A5B460
- 9FAC67
- 98A36E
- 929A73
- 8C9178
- 86897C
Renk uyumları
Tamamlayıcı +180°
- C0D725
Lime Punch
- CFBCFF
≈ Lavender Tonic
Analog -30° +30°
- C0D725
Lime Punch
- F7C000
≈ Wisteria Yellow
- 67E87F
≈ Grotesque Green
Üçlü +120° +240°
- C0D725
Lime Punch
- 8CD2FF
≈ Long Island Sound
- FFADC9
≈ Heartfelt
Bölünmüş tamamlayıcı +150° +210°
- C0D725
Lime Punch
- B1C7FF
≈ Night Snow
- FFA1FD
≈ Pinkalicious
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.61:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 12.98:1 · APCA Lc 75
En iyi metin rengi: #000000
WCAG 12.98:1 (AAA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--lime-punch: #c0d725;
--lime-punch-rgb: 192 215 37;
--lime-punch-oklch: oklch(0.834 0.185 117.5);
}
.element {
color: var(--lime-punch);
background-color: hsl(68 71% 49%);
border-color: oklch(0.834 0.185 117.5);
}Tailwind CSS v4
@theme {
--color-lime-punch: #c0d725;
--color-lime-punch-50: #eefec2;
--color-lime-punch-100: #e0f1ab;
--color-lime-punch-200: #cbe083;
--color-lime-punch-300: #adc44c;
--color-lime-punch-400: #97ab00;
--color-lime-punch-500: #7f9300;
--color-lime-punch-600: #6b7c00;
--color-lime-punch-700: #566400;
--color-lime-punch-800: #414800;
--color-lime-punch-900: #2d3200;
--color-lime-punch-950: #1a1e00;
}SCSS
$lime-punch: #c0d725;
$lime-punch-rgb: 192, 215, 37;
$lime-punch-light: mix(#fff, $lime-punch, 20%);
$lime-punch-dark: mix(#000, $lime-punch, 20%);
.element {
color: $lime-punch;
box-shadow: 0 0 0 2px rgba($lime-punch, 0.35);
}