Màu có tên gần nhất · #C99C00
#C99C00
Màu có tên gần nhất: Rapeseed
#C99C00 (rgb(201 156 0), hsl(47 100% 39%), oklch(0.715 0.146 87.9)) gần nhất với màu có tên Rapeseed. 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.
#C99C00
oklch(0.715 0.146 87.9)
Chuyển đổi màu
- HEX
- #c99c00
- RGB
- rgb(201 156 0)
- HSL
- hsl(47 100% 39%)
- HWB
- hwb(47 0% 21%)
- OKLCH
- oklch(0.715 0.146 87.9)
- OKLab
- oklab(0.715 0.005 0.146)
- CIE Lab
- lab(67.15 9.06 70.19)
- LCH
- lch(67.15 70.77 82.6)
- CMYK
- cmyk(0% 22% 100% 21%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CEA639
- D4B056
- D9BA6E
- DFC484
- E4CE99
- EAD8AE
- EFE2C2
- F4EBD7
- FAF5EB
Sắc đậm
- AE8700
- 957300
- 7C5F00
- 644C00
- 4C3900
- 362800
- 221800
- 0F0900
- 020100
Sắc xám
- C29A28
- BA973B
- B39448
- AB9253
- A48F5C
- 9D8C65
- 96896C
- 8E8673
- 87837A
Hòa sắc
Bổ túc +180°
- C99C00
Rapeseed
- 7B9EFE
≈ Periwinkle Blue
Tương đồng -30° +30°
- C99C00
Rapeseed
- E58938
≈ Velvet Marigold
- 9CAE33
≈ Macaw Green
Bộ ba +120° +240°
- C99C00
Rapeseed
- 00B8CB
≈ Utopia Beckons
- D380D1
≈ Blush Essence
Bổ túc chia +150° +210°
- C99C00
Rapeseed
- 2BAEF3
≈ Democrat
- AE8DF2
≈ Lilac Geode
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.54:1 · APCA Lc 50
Ag
AAATrên nền đen
WCAG 8.23:1 · APCA Lc 52
Màu chữ tốt nhất: #000000
WCAG 8.23:1 (AAA) · APCA Lc 52
Contrast pairs
Đoạn mã
CSS
:root {
--rapeseed: #c99c00;
--rapeseed-rgb: 201 156 0;
--rapeseed-oklch: oklch(0.715 0.146 87.9);
}
.element {
color: var(--rapeseed);
background-color: hsl(47 100% 39%);
border-color: oklch(0.715 0.146 87.9);
}Tailwind CSS v4
@theme {
--color-rapeseed: #c99c00;
--color-rapeseed-50: #fff4c6;
--color-rapeseed-100: #fbe6b0;
--color-rapeseed-200: #edd28b;
--color-rapeseed-300: #d5b458;
--color-rapeseed-400: #c29815;
--color-rapeseed-500: #ae7d00;
--color-rapeseed-600: #936a00;
--color-rapeseed-700: #765500;
--color-rapeseed-800: #593d00;
--color-rapeseed-900: #3e2a00;
--color-rapeseed-950: #271700;
}SCSS
$rapeseed: #c99c00;
$rapeseed-rgb: 201, 156, 0;
$rapeseed-light: mix(#fff, $rapeseed, 20%);
$rapeseed-dark: mix(#000, $rapeseed, 20%);
.element {
color: $rapeseed;
box-shadow: 0 0 0 2px rgba($rapeseed, 0.35);
}