色名 · #EFDDB8
Lantern
Lanternは#EFDDB8：rgb(239 221 184)、hsl(40 63% 83%)、oklch(0.903 0.053 85.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Lantern color name →
#EFDDB8
oklch(0.903 0.053 85.1)
カラー変換
- HEX
- #efddb8
- RGB
- rgb(239 221 184)
- HSL
- hsl(40 63% 83%)
- HWB
- hwb(40 72% 6%)
- OKLCH
- oklch(0.903 0.053 85.1)
- OKLab
- oklab(0.903 0.004 0.052)
- CIE Lab
- lab(88.9 2.19 20.6)
- LCH
- lch(88.9 20.71 83.9)
- CMYK
- cmyk(0% 8% 23% 6%)
ティント · シェード · トーン
ティント
- F1E0BF
- F2E4C6
- F4E7CD
- F5EBD5
- F7EEDC
- F9F1E3
- FAF5EA
- FCF8F1
- FDFCF8
シェード
- D0C0A0
- B1A488
- 948871
- 786E5B
- 5C5545
- 423D31
- 2A261E
- 14110C
- 030202
トーン
- E3D3B2
- D8CAAD
- CCC0A7
- C1B7A2
- B6AD9C
- ABA496
- A09B91
- 95928B
- 8B8986
カラーハーモニー
補色 +180°
- EFDDB8
Lantern
- D0DFFF
≈ Arc Light
類似色 -30° +30°
- EFDDB8
Lantern
- FBD7BE
≈ Fresh Baked Bread
- DDE4BC
≈ Loch Modan Moss
トライアド +120° +240°
- EFDDB8
Lantern
- B7EAF0
≈ First of July
- F2D4F2
≈ Scented Spring
スプリットコンプリメンタリー +150° +210°
- EFDDB8
Lantern
- BEE5FD
≈ Fresh Water
- E1D9FF
≈ Transparent Blue
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.33:1 · APCA Lc 17
Ag
AAA黒の上
WCAG 15.70:1 · APCA Lc 87
最適な文字色: #000000
WCAG 15.70:1 (AAA) · APCA Lc 87
Contrast pairs
コードスニペット
CSS
:root {
--lantern: #efddb8;
--lantern-rgb: 239 221 184;
--lantern-oklch: oklch(0.903 0.053 85.1);
}
.element {
color: var(--lantern);
background-color: hsl(40 63% 83%);
border-color: oklch(0.903 0.053 85.1);
}Tailwind CSS v4
@theme {
--color-lantern: #efddb8;
--color-lantern-50: #fcf5e5;
--color-lantern-100: #efe7d5;
--color-lantern-200: #ded3bb;
--color-lantern-300: #c3b699;
--color-lantern-400: #ad9d7b;
--color-lantern-500: #96845e;
--color-lantern-600: #7f7050;
--color-lantern-700: #665940;
--color-lantern-800: #4b412d;
--color-lantern-900: #342d1f;
--color-lantern-950: #201a0e;
}SCSS
$lantern: #efddb8;
$lantern-rgb: 239, 221, 184;
$lantern-light: mix(#fff, $lantern, 20%);
$lantern-dark: mix(#000, $lantern, 20%);
.element {
color: $lantern;
box-shadow: 0 0 0 2px rgba($lantern, 0.35);
}