色名 · #CFDB8D
Lime Splash
Lime Splashは#CFDB8D：rgb(207 219 141)、hsl(69 52% 71%)、oklch(0.864 0.101 115.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Lime Splash color name →
#CFDB8D
oklch(0.864 0.101 115.7)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- D4DF99
- D8E2A5
- DDE6B0
- E2EABC
- E6EDC7
- EBF1D2
- F0F5DE
- F5F8E9
- FAFCF4
シェード
- B4BE7A
- 99A267
- 7F8755
- 676D44
- 4F5433
- 383C23
- 232614
- 101107
- 020201
トーン
- C7D28C
- BFC88C
- B6BF8B
- AEB68A
- A6AD89
- 9FA487
- 979B86
- 8F9284
- 878982
カラーハーモニー
補色 +180°
- CFDB8D
Lime Splash
- D6C9FF
≈ Innocent Snowdrop
類似色 -30° +30°
- CFDB8D
Lime Splash
- F0CE83
≈ Hollywood Starlet
- A8E5AA
≈ Appetite
トライアド +120° +240°
- CFDB8D
Lime Splash
- A1DBFF
≈ Columbia Blue
- FFBDD4
≈ Cotton Candy
スプリットコンプリメンタリー +150° +210°
- CFDB8D
Lime Splash
- BED2FF
≈ Ice Cold Stare
- F5BCF7
≈ Sweet Slumber Pink
テトラード +90° +180° +270°
- CFDB8D
Lime Splash
- 79E6F3
≈ Robin’s Egg
- D6C9FF
≈ Innocent Snowdrop
- FFC1BA
≈ Ladylike
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.48:1 · APCA Lc 23
Ag
AAA黒の上
WCAG 14.17:1 · APCA Lc 81
最適な文字色: #000000
WCAG 14.17:1 (AAA) · APCA Lc 81
Contrast pairs
コードスニペット
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);
}