色名 · #EFDCBE
Light Incense
Light Incenseは#EFDCBE：rgb(239 220 190)、hsl(37 60% 84%)、oklch(0.902 0.045 79.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Light Incense color name →
#EFDCBE
oklch(0.902 0.045 79.3)
カラー変換
- HEX
- #efdcbe
- RGB
- rgb(239 220 190)
- HSL
- hsl(37 60% 84%)
- HWB
- hwb(37 75% 6%)
- OKLCH
- oklch(0.902 0.045 79.3)
- OKLab
- oklab(0.902 0.008 0.044)
- CIE Lab
- lab(88.75 3.3 17.29)
- LCH
- lch(88.75 17.61 79.2)
- CMYK
- cmyk(0% 8% 21% 6%)
ティント · シェード · トーン
ティント
- F1E0C5
- F2E3CB
- F4E7D2
- F5EAD8
- F7EEDE
- F9F1E5
- FAF5EB
- FCF8F2
- FDFCF8
シェード
- D0BFA5
- B1A38C
- 948875
- 786E5E
- 5C5448
- 423C33
- 2A261F
- 14110D
- 030202
トーン
- E3D2B8
- D8C9B1
- CCC0AB
- C1B6A5
- B6AD9F
- ABA499
- A09B92
- 95928C
- 8B8986
カラーハーモニー
補色 +180°
- EFDCBE
Light Incense
- CDE0FD
≈ Arc Light
類似色 -30° +30°
- EFDCBE
Light Incense
- F9D7C5
≈ Deep Champagne
- E0E2C0
≈ Forgive Quickly
トライアド +120° +240°
- EFDCBE
Light Incense
- BDE8EA
≈ Light Vandamint
- ECD6F2
≈ Scented Spring
スプリットコンプリメンタリー +150° +210°
- EFDCBE
Light Incense
- C1E5F7
≈ Icy Landscape
- DDDAFB
≈ Nostalgia Perfume
テトラード +90° +180° +270°
- EFDCBE
Light Incense
- C3E9DA
≈ Elephant Toothpaste
- CDE0FD
≈ Arc Light
- F7D3E3
≈ Summer Cosmos
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.34:1 · APCA Lc 17
Ag
AAA黒の上
WCAG 15.65:1 · APCA Lc 87
最適な文字色: #000000
WCAG 15.65:1 (AAA) · APCA Lc 87
Contrast pairs
コードスニペット
CSS
:root {
--light-incense: #efdcbe;
--light-incense-rgb: 239 220 190;
--light-incense-oklch: oklch(0.902 0.045 79.3);
}
.element {
color: var(--light-incense);
background-color: hsl(37 60% 84%);
border-color: oklch(0.902 0.045 79.3);
}Tailwind CSS v4
@theme {
--color-light-incense: #efdcbe;
--color-light-incense-50: #fcf4e7;
--color-light-incense-100: #f0e7d8;
--color-light-incense-200: #ded3bf;
--color-light-incense-300: #c3b69e;
--color-light-incense-400: #ad9c81;
--color-light-incense-500: #968365;
--color-light-incense-600: #7f6f55;
--color-light-incense-700: #665944;
--color-light-incense-800: #4b4131;
--color-light-incense-900: #342d21;
--color-light-incense-950: #201a11;
}SCSS
$light-incense: #efdcbe;
$light-incense-rgb: 239, 220, 190;
$light-incense-light: mix(#fff, $light-incense, 20%);
$light-incense-dark: mix(#000, $light-incense, 20%);
.element {
color: $light-incense;
box-shadow: 0 0 0 2px rgba($light-incense, 0.35);
}