色名 · #DECE9E
Lunar Lander
Lunar Landerは#DECE9E：rgb(222 206 158)、hsl(45 49% 75%)、oklch(0.853 0.066 91.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Lunar Lander color name →
#DECE9E
oklch(0.853 0.066 91.8)
カラー変換
- HEX
- #dece9e
- RGB
- rgb(222 206 158)
- HSL
- hsl(45 49% 75%)
- HWB
- hwb(45 62% 13%)
- OKLCH
- oklch(0.853 0.066 91.8)
- OKLab
- oklab(0.853 -0.002 0.065)
- CIE Lab
- lab(83.22 0.42 26.09)
- LCH
- lch(83.22 26.09 89.1)
- CMYK
- cmyk(0% 7% 29% 13%)
ティント · シェード · トーン
ティント
- E1D3A8
- E5D8B2
- E8DDBB
- EBE2C5
- EEE7CF
- F2EBD8
- F5F0E2
- F8F5EC
- FCFAF5
シェード
- C1B389
- A59874
- 897F60
- 6F664D
- 554E3A
- 3D3829
- 262318
- 120F09
- 020201
トーン
- D4C69B
- CABE98
- C1B696
- B7AE93
- AEA690
- A49F8D
- 9B978A
- 928F86
- 898883
カラーハーモニー
補色 +180°
- DECE9E
Lunar Lander
- BFCDFB
≈ Lavender Blue
類似色 -30° +30°
- DECE9E
Lunar Lander
- EFC6A3
≈ Turnip Boy
- C7D6A7
≈ Jade Bracelet
トライアド +120° +240°
- DECE9E
Lunar Lander
- 9CDBE8
≈ Cool Water Lake
- E9C0E2
≈ Prom Corsage
スプリットコンプリメンタリー +150° +210°
- DECE9E
Lunar Lander
- A9D5F6
≈ Juzcar Blue
- D6C5F3
≈ Soap
テトラード +90° +180° +270°
- DECE9E
Lunar Lander
- 9FDDD2
≈ Vidalia
- BFCDFB
≈ Lavender Blue
- F4BDCB
≈ Christy’s Smile
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.56:1 · APCA Lc 26
Ag
AAA黒の上
WCAG 13.42:1 · APCA Lc 77
最適な文字色: #000000
WCAG 13.42:1 (AAA) · APCA Lc 77
Contrast pairs
コードスニペット
CSS
:root {
--lunar-lander: #dece9e;
--lunar-lander-rgb: 222 206 158;
--lunar-lander-oklch: oklch(0.853 0.066 91.8);
}
.element {
color: var(--lunar-lander);
background-color: hsl(45 49% 75%);
border-color: oklch(0.853 0.066 91.8);
}Tailwind CSS v4
@theme {
--color-lunar-lander: #dece9e;
--color-lunar-lander-50: #fbf5e1;
--color-lunar-lander-100: #efe8d0;
--color-lunar-lander-200: #ddd4b5;
--color-lunar-lander-300: #c2b792;
--color-lunar-lander-400: #ac9e72;
--color-lunar-lander-500: #968552;
--color-lunar-lander-600: #7f7146;
--color-lunar-lander-700: #655a38;
--color-lunar-lander-800: #4b4127;
--color-lunar-lander-900: #342d1a;
--color-lunar-lander-950: #201a0b;
}SCSS
$lunar-lander: #dece9e;
$lunar-lander-rgb: 222, 206, 158;
$lunar-lander-light: mix(#fff, $lunar-lander, 20%);
$lunar-lander-dark: mix(#000, $lunar-lander, 20%);
.element {
color: $lunar-lander;
box-shadow: 0 0 0 2px rgba($lunar-lander, 0.35);
}