Adlandırılmış renk · #EEC172
Vietnamese Lantern
Vietnamese Lantern, #EEC172: rgb(238 193 114), hsl(38 78% 69%), oklch(0.834 0.11 80.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Vietnamese Lantern color name →
#EEC172
oklch(0.834 0.11 80.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0C782
- F2CE90
- F4D49F
- F5DAAD
- F7E0BB
- F9E7C9
- FAEDD6
- FCF3E4
- FEF9F1
Koyu tonlar
- CFA762
- B18F53
- 937744
- 775F36
- 5C4928
- 42341B
- 2A200E
- 140E04
- 030201
Gri tonlar
- E3BA75
- D7B477
- CCAD7A
- C1A77B
- B6A17D
- AB9A7E
- A0947F
- 958D7F
- 8B8780
Renk uyumları
Tamamlayıcı +180°
- EEC172
Vietnamese Lantern
- AACAFF
≈ Night Snow
Analog -30° +30°
- EEC172
Vietnamese Lantern
- FFB58C
≈ Coral Dusk
- CCCF78
≈ Greenish Beige
Üçlü +120° +240°
- EEC172
Vietnamese Lantern
- 62DEE5
≈ Pluviophile
- E9B1F5
≈ Candy Dreams
Bölünmüş tamamlayıcı +150° +210°
- EEC172
Vietnamese Lantern
- 7ED5FF
≈ Sky
- C8BFFF
≈ Lavender Tonic
Dörtlü +90° +180° +270°
- EEC172
Vietnamese Lantern
- 77E0BE
≈ Ocean in a Bowl
- AACAFF
≈ Night Snow
- FFABD2
≈ Majin Bū Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.67:1 · APCA Lc 30
Ag
AAASiyah üzerinde
WCAG 12.50:1 · APCA Lc 73
En iyi metin rengi: #000000
WCAG 12.50:1 (AAA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
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);
}