色名 · #D8DDCC
Liberated Lime
Liberated Limeは#D8DDCC：rgb(216 221 204)、hsl(78 20% 83%)、oklch(0.889 0.023 120.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Liberated Lime color name →
#D8DDCC
oklch(0.889 0.023 120.2)
カラー変換
- HEX
- #d8ddcc
- RGB
- rgb(216 221 204)
- HSL
- hsl(78 20% 83%)
- HWB
- hwb(78 80% 13%)
- OKLCH
- oklch(0.889 0.023 120.2)
- OKLab
- oklab(0.889 -0.012 0.02)
- CIE Lab
- lab(87.37 -3.98 7.76)
- LCH
- lch(87.37 8.72 117.2)
- CMYK
- cmyk(2% 0% 8% 13%)
ティント · シェード · トーン
ティント
- DCE0D1
- E0E4D6
- E4E7DB
- E7EBE0
- EBEEE5
- EFF1EA
- F3F5F0
- F7F8F5
- FBFCFA
シェード
- BCC0B1
- A0A497
- 85887E
- 6B6E65
- 53554E
- 3B3D37
- 252622
- 11110F
- 020202
トーン
- CFD3C4
- C6CABC
- BDC0B5
- B4B7AD
- ABADA5
- A2A49E
- 999B96
- 91928F
- 888987
カラーハーモニー
補色 +180°
- D8DDCC
Liberated Lime
- DDD7E8
≈ Light Lavender Water
類似色 -30° +30°
- D8DDCC
Liberated Lime
- E0DAC9
≈ Peace & Quiet
- D0DFD2
≈ Aruba Aqua
トライアド +120° +240°
- D8DDCC
Liberated Lime
- CDDDE9
≈ Simply Elegant
- E9D4DA
≈ Swiss Rose
スプリットコンプリメンタリー +150° +210°
- D8DDCC
Liberated Lime
- D4DAEB
≈ Snowy Shadow
- E4D5E2
≈ Joyful Lilac
テトラード +90° +180° +270°
- D8DDCC
Liberated Lime
- CADFE3
≈ Embellishment
- DDD7E8
≈ Light Lavender Water
- EAD5D1
≈ Shangri La
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.38:1 · APCA Lc 19
Ag
AAA黒の上
WCAG 15.13:1 · APCA Lc 85
最適な文字色: #000000
WCAG 15.13:1 (AAA) · APCA Lc 85
Contrast pairs
コードスニペット
CSS
:root {
--liberated-lime: #d8ddcc;
--liberated-lime-rgb: 216 221 204;
--liberated-lime-oklch: oklch(0.889 0.023 120.2);
}
.element {
color: var(--liberated-lime);
background-color: hsl(78 20% 83%);
border-color: oklch(0.889 0.023 120.2);
}Tailwind CSS v4
@theme {
--color-liberated-lime: #d8ddcc;
--color-liberated-lime-50: #f4f6ef;
--color-liberated-lime-100: #e6e9e1;
--color-liberated-lime-200: #d2d6cb;
--color-liberated-lime-300: #b5b9ac;
--color-liberated-lime-400: #9ca191;
--color-liberated-lime-500: #848978;
--color-liberated-lime-600: #707465;
--color-liberated-lime-700: #595d51;
--color-liberated-lime-800: #41443b;
--color-liberated-lime-900: #2d2f28;
--color-liberated-lime-950: #1a1b16;
}SCSS
$liberated-lime: #d8ddcc;
$liberated-lime-rgb: 216, 221, 204;
$liberated-lime-light: mix(#fff, $liberated-lime, 20%);
$liberated-lime-dark: mix(#000, $liberated-lime, 20%);
.element {
color: $liberated-lime;
box-shadow: 0 0 0 2px rgba($liberated-lime, 0.35);
}