Adlandırılmış renk · #DFB46F
Gyoza Dumpling
Gyoza Dumpling, #DFB46F: rgb(223 180 111), hsl(37 64% 65%), oklch(0.794 0.1 78.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? → · Gyoza Dumpling color name →
#DFB46F
oklch(0.794 0.1 78.4)
Renk dönüşümleri
- HEX
- #dfb46f
- RGB
- rgb(223 180 111)
- HSL
- hsl(37 64% 65%)
- HWB
- hwb(37 44% 13%)
- OKLCH
- oklch(0.794 0.1 78.4)
- OKLab
- oklab(0.794 0.02 0.098)
- CIE Lab
- lab(76.13 9.94 41.16)
- LCH
- lch(76.13 42.35 76.4)
- CMYK
- cmyk(0% 19% 50% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E2BC7E
- E6C38D
- E9CB9C
- ECD2AA
- F0DAB8
- F3E1C7
- F6E9D5
- F9F0E3
- FCF8F1
Koyu tonlar
- C29C60
- A58551
- 8A6E42
- 6F5834
- 564427
- 3D301A
- 271D0E
- 120C04
- 020201
Gri tonlar
- D5AF72
- CCAA75
- C2A577
- B89F79
- AF9A7B
- A5957C
- 9C907D
- 938B7E
- 89857F
Renk uyumları
Tamamlayıcı +180°
- DFB46F
Gyoza Dumpling
- 94BEFC
≈ Truesky Gloxym
Analog -30° +30°
- DFB46F
Gyoza Dumpling
- F1A882
≈ Coral Dust
- C1C173
≈ Mélange Green
Üçlü +120° +240°
- DFB46F
Gyoza Dumpling
- 62D0D3
≈ Blue Radiance
- D7A7E5
≈ Petal Plush
Bölünmüş tamamlayıcı +150° +210°
- DFB46F
Gyoza Dumpling
- 71C8EF
≈ Spritzig
- B9B2F9
≈ Winterspring Lilac
Dörtlü +90° +180° +270°
- DFB46F
Gyoza Dumpling
- 76D1B0
≈ Sea Treasure
- 94BEFC
≈ Truesky Gloxym
- ECA1C7
≈ Be My Valentine
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.92:1 · APCA Lc 37
Ag
AAASiyah üzerinde
WCAG 10.89:1 · APCA Lc 66
En iyi metin rengi: #000000
WCAG 10.89:1 (AAA) · APCA Lc 66
Contrast pairs
Kod parçacıkları
CSS
:root {
--gyoza-dumpling: #dfb46f;
--gyoza-dumpling-rgb: 223 180 111;
--gyoza-dumpling-oklch: oklch(0.794 0.1 78.4);
}
.element {
color: var(--gyoza-dumpling);
background-color: hsl(37 64% 65%);
border-color: oklch(0.794 0.1 78.4);
}Tailwind CSS v4
@theme {
--color-gyoza-dumpling: #dfb46f;
--color-gyoza-dumpling-50: #fff3d6;
--color-gyoza-dumpling-100: #fae5c3;
--color-gyoza-dumpling-200: #ebd0a4;
--color-gyoza-dumpling-300: #d2b27c;
--color-gyoza-dumpling-400: #bf9757;
--color-gyoza-dumpling-500: #aa7d2c;
--color-gyoza-dumpling-600: #906a28;
--color-gyoza-dumpling-700: #73551f;
--color-gyoza-dumpling-800: #563d15;
--color-gyoza-dumpling-900: #3c2a0d;
--color-gyoza-dumpling-950: #261702;
}SCSS
$gyoza-dumpling: #dfb46f;
$gyoza-dumpling-rgb: 223, 180, 111;
$gyoza-dumpling-light: mix(#fff, $gyoza-dumpling, 20%);
$gyoza-dumpling-dark: mix(#000, $gyoza-dumpling, 20%);
.element {
color: $gyoza-dumpling;
box-shadow: 0 0 0 2px rgba($gyoza-dumpling, 0.35);
}