Adlandırılmış renk · #CFDB8D
Lime Splash
Lime Splash, #CFDB8D: rgb(207 219 141), hsl(69 52% 71%), oklch(0.864 0.101 115.7). 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 Splash color name →
#CFDB8D
oklch(0.864 0.101 115.7)
Renk dönüşümleri
- HEX
- #cfdb8d
- RGB
- rgb(207 219 141)
- HSL
- hsl(69 52% 71%)
- HWB
- hwb(69 55% 14%)
- OKLCH
- oklch(0.864 0.101 115.7)
- OKLab
- oklab(0.864 -0.044 0.091)
- CIE Lab
- lab(85.14 -13.15 36.96)
- LCH
- lch(85.14 39.23 109.6)
- CMYK
- cmyk(5% 0% 36% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D4DF99
- D8E2A5
- DDE6B0
- E2EABC
- E6EDC7
- EBF1D2
- F0F5DE
- F5F8E9
- FAFCF4
Koyu tonlar
- B4BE7A
- 99A267
- 7F8755
- 676D44
- 4F5433
- 383C23
- 232614
- 101107
- 020201
Gri tonlar
- C7D28C
- BFC88C
- B6BF8B
- AEB68A
- A6AD89
- 9FA487
- 979B86
- 8F9284
- 878982
Renk uyumları
Tamamlayıcı +180°
- CFDB8D
Lime Splash
- D6C9FF
≈ Innocent Snowdrop
Analog -30° +30°
- CFDB8D
Lime Splash
- F0CE83
≈ Hollywood Starlet
- A8E5AA
≈ Appetite
Üçlü +120° +240°
- CFDB8D
Lime Splash
- A1DBFF
≈ Columbia Blue
- FFBDD4
≈ Cotton Candy
Bölünmüş tamamlayıcı +150° +210°
- CFDB8D
Lime Splash
- BED2FF
≈ Ice Cold Stare
- F5BCF7
≈ Sweet Slumber Pink
Dörtlü +90° +180° +270°
- CFDB8D
Lime Splash
- 79E6F3
≈ Robin’s Egg
- D6C9FF
≈ Innocent Snowdrop
- FFC1BA
≈ Ladylike
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.48:1 · APCA Lc 23
Ag
AAASiyah üzerinde
WCAG 14.17:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.17:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--lime-splash: #cfdb8d;
--lime-splash-rgb: 207 219 141;
--lime-splash-oklch: oklch(0.864 0.101 115.7);
}
.element {
color: var(--lime-splash);
background-color: hsl(69 52% 71%);
border-color: oklch(0.864 0.101 115.7);
}Tailwind CSS v4
@theme {
--color-lime-splash: #cfdb8d;
--color-lime-splash-50: #f2fad9;
--color-lime-splash-100: #e5edc7;
--color-lime-splash-200: #d0dbaa;
--color-lime-splash-300: #b3bf83;
--color-lime-splash-400: #9ca65e;
--color-lime-splash-500: #838e38;
--color-lime-splash-600: #6f7831;
--color-lime-splash-700: #596026;
--color-lime-splash-800: #424619;
--color-lime-splash-900: #2e3110;
--color-lime-splash-950: #1b1d03;
}SCSS
$lime-splash: #cfdb8d;
$lime-splash-rgb: 207, 219, 141;
$lime-splash-light: mix(#fff, $lime-splash, 20%);
$lime-splash-dark: mix(#000, $lime-splash, 20%);
.element {
color: $lime-splash;
box-shadow: 0 0 0 2px rgba($lime-splash, 0.35);
}