色名 · #CDF80C
Liquid Lime
Liquid Limeは#CDF80C：rgb(205 248 12)、hsl(71 94% 51%)、oklch(0.916 0.22 121.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Liquid Lime color name →
#CDF80C
oklch(0.916 0.22 121.6)
カラー変換
- HEX
- #cdf80c
- RGB
- rgb(205 248 12)
- HSL
- hsl(71 94% 51%)
- HWB
- hwb(71 5% 3%)
- OKLCH
- oklch(0.916 0.22 121.6)
- OKLab
- oklab(0.916 -0.115 0.187)
- CIE Lab
- lab(92.09 -32.43 86.64)
- LCH
- lch(92.09 92.51 110.5)
- CMYK
- cmyk(17% 0% 95% 3%)
ティント · シェード · トーン
ティント
- D2F94A
- D6FB68
- DBFC80
- E0FD96
- E5FDA9
- EAFEBC
- EFFECD
- F4FFDE
- FAFFEF
シェード
- B2D809
- 98B806
- 7E9A04
- 667C03
- 4E6002
- 384501
- 232C00
- 0F1500
- 020300
トーン
- C5EC37
- BDE04A
- B5D358
- ADC762
- A5BB6A
- 9EB070
- 96A476
- 8F987A
- 878C7D
カラーハーモニー
補色 +180°
- CDF80C
Liquid Lime
- E9DCFF
≈ Lavender Savour
類似色 -30° +30°
- CDF80C
Liquid Lime
- FFE187
≈ Sweet Chamomile
- 94FFB2
≈ Synthetic Mint
トライアド +120° +240°
- CDF80C
Liquid Lime
- CAE8FF
≈ Blue Java Banana
- FFD7E1
≈ Pig Pink
スプリットコンプリメンタリー +150° +210°
- CDF80C
Liquid Lime
- D9E2FF
≈ Stoic White
- FFD3F8
≈ Pink Diamond
テトラード +90° +180° +270°
- CDF80C
Liquid Lime
- ABF1FF
≈ Beyond the Clouds
- E9DCFF
≈ Lavender Savour
- FFD9D2
≈ Tea Party
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.23:1 · APCA Lc 11
Ag
AAA黒の上
WCAG 17.02:1 · APCA Lc 93
最適な文字色: #000000
WCAG 17.02:1 (AAA) · APCA Lc 93
Contrast pairs
コードスニペット
CSS
:root {
--liquid-lime: #cdf80c;
--liquid-lime-rgb: 205 248 12;
--liquid-lime-oklch: oklch(0.916 0.22 121.6);
}
.element {
color: var(--liquid-lime);
background-color: hsl(71 94% 51%);
border-color: oklch(0.916 0.22 121.6);
}Tailwind CSS v4
@theme {
--color-liquid-lime: #cdf80c;
--color-liquid-lime-50: #e8ffba;
--color-liquid-lime-100: #d9f5a2;
--color-liquid-lime-200: #c2e475;
--color-liquid-lime-300: #a1c931;
--color-liquid-lime-400: #8bb000;
--color-liquid-lime-500: #729800;
--color-liquid-lime-600: #608000;
--color-liquid-lime-700: #4d6700;
--color-liquid-lime-800: #3b4b00;
--color-liquid-lime-900: #283400;
--color-liquid-lime-950: #171f00;
}SCSS
$liquid-lime: #cdf80c;
$liquid-lime-rgb: 205, 248, 12;
$liquid-lime-light: mix(#fff, $liquid-lime, 20%);
$liquid-lime-dark: mix(#000, $liquid-lime, 20%);
.element {
color: $liquid-lime;
box-shadow: 0 0 0 2px rgba($liquid-lime, 0.35);
}