Màu có tên gần nhất · #CEA676
#CEA676
Màu có tên gần nhất: Outback
#CEA676 (rgb(206 166 118), hsl(33 47% 64%), oklch(0.75 0.079 71.2)) gần nhất với màu có tên Outback. 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.
#CEA676
oklch(0.75 0.079 71.2)
Chuyển đổi màu
- HEX
- #cea676
- RGB
- rgb(206 166 118)
- HSL
- hsl(33 47% 64%)
- HWB
- hwb(33 46% 19%)
- OKLCH
- oklch(0.75 0.079 71.2)
- OKLab
- oklab(0.75 0.025 0.075)
- CIE Lab
- lab(70.99 10.55 30.71)
- LCH
- lch(70.99 32.47 71)
- CMYK
- cmyk(0% 19% 43% 19%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D3AF84
- D8B891
- DDC09F
- E2C9AD
- E7D2BA
- ECDBC8
- F1E4D6
- F5EDE3
- FAF6F1
Sắc đậm
- B39066
- 987A56
- 7F6547
- 665138
- 4E3E29
- 382B1C
- 231A0F
- 0F0A05
- 020101
Sắc xám
- C6A278
- BE9F79
- B69B7A
- AE977C
- A7937D
- 9F8F7E
- 978C7E
- 8F887F
- 888480
Hòa sắc
Bổ túc +180°
- CEA676
Outback
- 89B2DF
≈ Dun Morogh Blue
Tương đồng -30° +30°
- CEA676
Outback
- DA9E87
≈ Medium Terracotta
- B8B075
≈ Gracious Glow
Bộ ba +120° +240°
- CEA676
Outback
- 6EBEBA
≈ Tropic Tide
- BEA0D3
≈ Purple Premiere
Bổ túc chia +150° +210°
- CEA676
Outback
- 73BAD2
≈ Blue Brocade
- A5A9E0
≈ Childish Wonder
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.24:1 · APCA Lc 44
Ag
AAATrên nền đen
WCAG 9.34:1 · APCA Lc 58
Màu chữ tốt nhất: #000000
WCAG 9.34:1 (AAA) · APCA Lc 58
Contrast pairs
Đoạn mã
CSS
:root {
--outback: #cea676;
--outback-rgb: 206 166 118;
--outback-oklch: oklch(0.75 0.079 71.2);
}
.element {
color: var(--outback);
background-color: hsl(33 47% 64%);
border-color: oklch(0.75 0.079 71.2);
}Tailwind CSS v4
@theme {
--color-outback: #cea676;
--color-outback-50: #fff2dd;
--color-outback-100: #f9e4cc;
--color-outback-200: #e9d0b0;
--color-outback-300: #d1b28b;
--color-outback-400: #bc976a;
--color-outback-500: #a77d48;
--color-outback-600: #8d6a3e;
--color-outback-700: #715531;
--color-outback-800: #543d23;
--color-outback-900: #3b2a17;
--color-outback-950: #251808;
}SCSS
$outback: #cea676;
$outback-rgb: 206, 166, 118;
$outback-light: mix(#fff, $outback, 20%);
$outback-dark: mix(#000, $outback, 20%);
.element {
color: $outback;
box-shadow: 0 0 0 2px rgba($outback, 0.35);
}