色名 · #EEC172
Vietnamese Lantern
Vietnamese Lanternは#EEC172：rgb(238 193 114)、hsl(38 78% 69%)、oklch(0.834 0.11 80.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Vietnamese Lantern color name →
#EEC172
oklch(0.834 0.11 80.4)
カラー変換
- HEX
- #eec172
- RGB
- rgb(238 193 114)
- HSL
- hsl(38 78% 69%)
- HWB
- hwb(38 45% 7%)
- OKLCH
- oklch(0.834 0.11 80.4)
- OKLab
- oklab(0.834 0.018 0.109)
- CIE Lab
- lab(80.89 9.77 45.81)
- LCH
- lch(80.89 46.84 78)
- CMYK
- cmyk(0% 19% 52% 7%)
ティント · シェード · トーン
ティント
- F0C782
- F2CE90
- F4D49F
- F5DAAD
- F7E0BB
- F9E7C9
- FAEDD6
- FCF3E4
- FEF9F1
シェード
- CFA762
- B18F53
- 937744
- 775F36
- 5C4928
- 42341B
- 2A200E
- 140E04
- 030201
トーン
- E3BA75
- D7B477
- CCAD7A
- C1A77B
- B6A17D
- AB9A7E
- A0947F
- 958D7F
- 8B8780
カラーハーモニー
補色 +180°
- EEC172
Vietnamese Lantern
- AACAFF
≈ Night Snow
類似色 -30° +30°
- EEC172
Vietnamese Lantern
- FFB58C
≈ Coral Dusk
- CCCF78
≈ Greenish Beige
トライアド +120° +240°
- EEC172
Vietnamese Lantern
- 62DEE5
≈ Pluviophile
- E9B1F5
≈ Candy Dreams
スプリットコンプリメンタリー +150° +210°
- EEC172
Vietnamese Lantern
- 7ED5FF
≈ Sky
- C8BFFF
≈ Lavender Tonic
テトラード +90° +180° +270°
- EEC172
Vietnamese Lantern
- 77E0BE
≈ Ocean in a Bowl
- AACAFF
≈ Night Snow
- FFABD2
≈ Majin Bū Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.67:1 · APCA Lc 30
Ag
AAA黒の上
WCAG 12.50:1 · APCA Lc 73
最適な文字色: #000000
WCAG 12.50:1 (AAA) · APCA Lc 73
Contrast pairs
コードスニペット
CSS
:root {
--vietnamese-lantern: #eec172;
--vietnamese-lantern-rgb: 238 193 114;
--vietnamese-lantern-oklch: oklch(0.834 0.11 80.4);
}
.element {
color: var(--vietnamese-lantern);
background-color: hsl(38 78% 69%);
border-color: oklch(0.834 0.11 80.4);
}Tailwind CSS v4
@theme {
--color-vietnamese-lantern: #eec172;
--color-vietnamese-lantern-50: #fff3d2;
--color-vietnamese-lantern-100: #fae5bf;
--color-vietnamese-lantern-200: #ecd09f;
--color-vietnamese-lantern-300: #d3b275;
--color-vietnamese-lantern-400: #c0974d;
--color-vietnamese-lantern-500: #ac7d18;
--color-vietnamese-lantern-600: #916a19;
--color-vietnamese-lantern-700: #745514;
--color-vietnamese-lantern-800: #573d0c;
--color-vietnamese-lantern-900: #3d2a08;
--color-vietnamese-lantern-950: #261700;
}SCSS
$vietnamese-lantern: #eec172;
$vietnamese-lantern-rgb: 238, 193, 114;
$vietnamese-lantern-light: mix(#fff, $vietnamese-lantern, 20%);
$vietnamese-lantern-dark: mix(#000, $vietnamese-lantern, 20%);
.element {
color: $vietnamese-lantern;
box-shadow: 0 0 0 2px rgba($vietnamese-lantern, 0.35);
}