Màu có tên · #DDAA33
Currywurst
Currywurst là #DDAA33: rgb(221 170 51), hsl(42 71% 53%), oklch(0.766 0.141 84). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Orange mean? → · Currywurst color name →
#DDAA33
oklch(0.766 0.141 84)
Chuyển đổi màu
- HEX
- #ddaa33
- RGB
- rgb(221 170 51)
- HSL
- hsl(42 71% 53%)
- HWB
- hwb(42 20% 13%)
- OKLCH
- oklch(0.766 0.141 84)
- OKLab
- oklab(0.766 0.015 0.14)
- CIE Lab
- lab(72.96 11.39 64.37)
- LCH
- lch(72.96 65.37 80)
- CMYK
- cmyk(0% 23% 77% 13%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E1B350
- E4BC67
- E8C47C
- EBCD90
- EFD5A3
- F2DEB6
- F5E6C8
- F9EEDB
- FCF7ED
Sắc đậm
- C0932B
- A47D23
- 88681C
- 6E5314
- 553F0D
- 3D2D07
- 261B03
- 110B01
- 020100
Sắc xám
- D3A642
- CAA24E
- C19E57
- B79A5F
- AE9666
- A5926C
- 9B8D72
- 928977
- 89857C
Hòa sắc
Bổ túc +180°
- DDAA33
Currywurst
- 8CB2FF
≈ Kitten’s Eye
Tương đồng -30° +30°
- DDAA33
Currywurst
- F79855
≈ Holland Tulip
- B2BC46
≈ Hopscotch
Bộ ba +120° +240°
- DDAA33
Currywurst
- 00CAD9
≈ Jade Glass
- DF92E5
≈ Bright Lilac
Bổ túc chia +150° +210°
- DDAA33
Currywurst
- 3DC0FE
≈ Megaman
- B8A1FF
≈ Diva
Bộ bốn +90° +180° +270°
- DDAA33
Currywurst
- 1ECFAC
≈ Mint Leaf
- 8CB2FF
≈ Kitten’s Eye
- F78BB9
≈ Cochonnet
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.12:1 · APCA Lc 42
Ag
AAATrên nền đen
WCAG 9.87:1 · APCA Lc 61
Màu chữ tốt nhất: #000000
WCAG 9.87:1 (AAA) · APCA Lc 61
Contrast pairs
Đoạn mã
CSS
:root {
--currywurst: #ddaa33;
--currywurst-rgb: 221 170 51;
--currywurst-oklch: oklch(0.766 0.141 84);
}
.element {
color: var(--currywurst);
background-color: hsl(42 71% 53%);
border-color: oklch(0.766 0.141 84);
}Tailwind CSS v4
@theme {
--color-currywurst: #ddaa33;
--color-currywurst-50: #fff3c8;
--color-currywurst-100: #fde5b2;
--color-currywurst-200: #efd18d;
--color-currywurst-300: #d8b25d;
--color-currywurst-400: #c69622;
--color-currywurst-500: #b27b00;
--color-currywurst-600: #966800;
--color-currywurst-700: #785300;
--color-currywurst-800: #5a3c00;
--color-currywurst-900: #3f2900;
--color-currywurst-950: #281700;
}SCSS
$currywurst: #ddaa33;
$currywurst-rgb: 221, 170, 51;
$currywurst-light: mix(#fff, $currywurst, 20%);
$currywurst-dark: mix(#000, $currywurst, 20%);
.element {
color: $currywurst;
box-shadow: 0 0 0 2px rgba($currywurst, 0.35);
}