Màu có tên · #DDAD56
Rob Roy
Rob Roy là #DDAD56: rgb(221 173 86), hsl(39 67% 60%), oklch(0.775 0.119 80.3). 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? → · Rob Roy color name →
#DDAD56
oklch(0.775 0.119 80.3)
Chuyển đổi màu
- HEX
- #ddad56
- RGB
- rgb(221 173 86)
- HSL
- hsl(39 67% 60%)
- HWB
- hwb(39 34% 13%)
- OKLCH
- oklch(0.775 0.119 80.3)
- OKLab
- oklab(0.775 0.02 0.117)
- CIE Lab
- lab(73.94 11.21 50.75)
- LCH
- lch(73.94 51.97 77.5)
- CMYK
- cmyk(0% 22% 61% 13%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E1B569
- E4BE7C
- E8C68D
- EBCE9E
- EFD6AE
- F2DFBE
- F5E7CF
- F9EFDF
- FCF7EF
Sắc đậm
- C0964A
- A47F3E
- 886A32
- 6E5527
- 55411C
- 3D2D12
- 261B08
- 110B02
- 020100
Sắc xám
- D3A95D
- CAA463
- C1A068
- B79B6C
- AE9771
- A59274
- 9B8E78
- 92897B
- 89857E
Hòa sắc
Bổ túc +180°
- DDAD56
Rob Roy
- 8BB6FF
≈ Carolina Blue
Tương đồng -30° +30°
- DDAD56
Rob Roy
- F29F6E
≈ Monarch Orange
- BABC5E
≈ Avocado Cream
Bộ ba +120° +240°
- DDAD56
Rob Roy
- 3ACCD4
≈ Sea Serpent
- D89CE4
≈ Bright Ube
Bổ túc chia +150° +210°
- DDAD56
Rob Roy
- 59C3F3
≈ Blue Mana
- B5A8FC
≈ Shy Moment
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.06:1 · APCA Lc 40
Ag
AAATrên nền đen
WCAG 10.18:1 · APCA Lc 62
Màu chữ tốt nhất: #000000
WCAG 10.18:1 (AAA) · APCA Lc 62
Contrast pairs
Đoạn mã
CSS
:root {
--rob-roy: #ddad56;
--rob-roy-rgb: 221 173 86;
--rob-roy-oklch: oklch(0.775 0.119 80.3);
}
.element {
color: var(--rob-roy);
background-color: hsl(39 67% 60%);
border-color: oklch(0.775 0.119 80.3);
}Tailwind CSS v4
@theme {
--color-rob-roy: #ddad56;
--color-rob-roy-50: #fff3cf;
--color-rob-roy-100: #fce5bc;
--color-rob-roy-200: #eed09a;
--color-rob-roy-300: #d6b26f;
--color-rob-roy-400: #c39644;
--color-rob-roy-500: #ae7c00;
--color-rob-roy-600: #936903;
--color-rob-roy-700: #765406;
--color-rob-roy-800: #583c03;
--color-rob-roy-900: #3e2a03;
--color-rob-roy-950: #271700;
}SCSS
$rob-roy: #ddad56;
$rob-roy-rgb: 221, 173, 86;
$rob-roy-light: mix(#fff, $rob-roy, 20%);
$rob-roy-dark: mix(#000, $rob-roy, 20%);
.element {
color: $rob-roy;
box-shadow: 0 0 0 2px rgba($rob-roy, 0.35);
}