Adlandırılmış renk · #EEDD82
Mothra Wing
Mothra Wing, #EEDD82: rgb(238 221 130), hsl(51 76% 72%), oklch(0.892 0.114 99). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Mothra Wing color name →
#EEDD82
oklch(0.892 0.114 99)
Renk dönüşümleri
- HEX
- #eedd82
- RGB
- rgb(238 221 130)
- HSL
- hsl(51 76% 72%)
- HWB
- hwb(51 51% 7%)
- OKLCH
- oklch(0.892 0.114 99)
- OKLab
- oklab(0.892 -0.018 0.112)
- CIE Lab
- lab(88.07 -2.82 46.64)
- LCH
- lch(88.07 46.73 93.5)
- CMYK
- cmyk(0% 7% 45% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0E190
- F1E49D
- F3E8AA
- F5EBB7
- F6EFC3
- F8F2CF
- FAF5DB
- FBF9E7
- FDFCF3
Koyu tonlar
- CFC070
- B1A45F
- 93884E
- 776E3E
- 5C552F
- 423D20
- 2A2612
- 141106
- 030201
Gri tonlar
- E2D383
- D7CA84
- CCC185
- C0B785
- B5AE85
- AAA584
- A09B83
- 959283
- 8A8981
Renk uyumları
Tamamlayıcı +180°
- EEDD82
Mothra Wing
- D3D9FF
≈ Icy Plains
Analog -30° +30°
- EEDD82
Mothra Wing
- FFD2A2
≈ Apricot Fool
- C4EB99
≈ Sweet Mint Pesto
Üçlü +120° +240°
- EEDD82
Mothra Wing
- 9FE9FF
≈ Winter Wizard
- FFC8ED
≈ Rosy Maple Moth
Bölünmüş tamamlayıcı +150° +210°
- EEDD82
Mothra Wing
- C0DFFF
≈ Dithered Sky
- E9D0FF
≈ Rose Dragée
Dörtlü +90° +180° +270°
- EEDD82
Mothra Wing
- 76F4EB
≈ Turquoise Pearl
- D3D9FF
≈ Icy Plains
- FFCCD3
≈ Sweet Sixteen
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.37:1 · APCA Lc 18
Ag
AAASiyah üzerinde
WCAG 15.30:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 15.30:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--mothra-wing: #eedd82;
--mothra-wing-rgb: 238 221 130;
--mothra-wing-oklch: oklch(0.892 0.114 99);
}
.element {
color: var(--mothra-wing);
background-color: hsl(51 76% 72%);
border-color: oklch(0.892 0.114 99);
}Tailwind CSS v4
@theme {
--color-mothra-wing: #eedd82;
--color-mothra-wing-50: #fcf7d2;
--color-mothra-wing-100: #f0eabe;
--color-mothra-wing-200: #ded69e;
--color-mothra-wing-300: #c4b974;
--color-mothra-wing-400: #af9f4a;
--color-mothra-wing-500: #99860f;
--color-mothra-wing-600: #827213;
--color-mothra-wing-700: #685b10;
--color-mothra-wing-800: #4e4208;
--color-mothra-wing-900: #362e05;
--color-mothra-wing-950: #211a00;
}SCSS
$mothra-wing: #eedd82;
$mothra-wing-rgb: 238, 221, 130;
$mothra-wing-light: mix(#fff, $mothra-wing, 20%);
$mothra-wing-dark: mix(#000, $mothra-wing, 20%);
.element {
color: $mothra-wing;
box-shadow: 0 0 0 2px rgba($mothra-wing, 0.35);
}