Màu có tên gần nhất · #C3A900
#C3A900
Màu có tên gần nhất: Sulphur
#C3A900 (rgb(195 169 0), hsl(52 100% 38%), oklch(0.735 0.152 98.1)) gần nhất với màu có tên Sulphur. 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.
#C3A900
oklch(0.735 0.152 98.1)
Chuyển đổi màu
- HEX
- #c3a900
- RGB
- rgb(195 169 0)
- HSL
- hsl(52 100% 38%)
- HWB
- hwb(52 0% 24%)
- OKLCH
- oklch(0.735 0.152 98.1)
- OKLab
- oklab(0.735 -0.021 0.15)
- CIE Lab
- lab(69.88 -0.18 71.61)
- LCH
- lch(69.88 71.61 90.1)
- CMYK
- cmyk(0% 13% 100% 24%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C9B23B
- CFBB58
- D4C370
- DACC86
- E0D59B
- E6DDAF
- ECE6C3
- F3EED7
- F9F7EB
Sắc đậm
- A99200
- 907C00
- 786700
- 605300
- 4A3F00
- 342C00
- 201B00
- 0E0A00
- 020100
Sắc xám
- BCA52A
- B5A13C
- AE9D4A
- A79954
- A1955E
- 9A9166
- 938D6D
- 8D8974
- 86847A
Hòa sắc
Bổ túc +180°
- C3A900
Sulphur
- 969FFF
≈ Cobalite
Tương đồng -30° +30°
- C3A900
Sulphur
- E79422
≈ Sanskrit
- 8DBB48
≈ Frog on a Log
Bộ ba +120° +240°
- C3A900
Sulphur
- 00BCE0
≈ Maldives
- E681CA
≈ Blushed Bombshell
Bổ túc chia +150° +210°
- C3A900
Sulphur
- 57AFFF
≈ Tiān Lán Sky
- C48DF2
≈ Liliac
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.33:1 · APCA Lc 46
Ag
AAATrên nền đen
WCAG 8.99:1 · APCA Lc 56
Màu chữ tốt nhất: #000000
WCAG 8.99:1 (AAA) · APCA Lc 56
Contrast pairs
Đoạn mã
CSS
:root {
--sulphur: #c3a900;
--sulphur-rgb: 195 169 0;
--sulphur-oklch: oklch(0.735 0.152 98.1);
}
.element {
color: var(--sulphur);
background-color: hsl(52 100% 38%);
border-color: oklch(0.735 0.152 98.1);
}Tailwind CSS v4
@theme {
--color-sulphur: #c3a900;
--color-sulphur-50: #fff7c5;
--color-sulphur-100: #f3eaaf;
--color-sulphur-200: #e3d689;
--color-sulphur-300: #c9b956;
--color-sulphur-400: #b69e02;
--color-sulphur-500: #a28400;
--color-sulphur-600: #887000;
--color-sulphur-700: #6d5a00;
--color-sulphur-800: #524100;
--color-sulphur-900: #392d00;
--color-sulphur-950: #241900;
}SCSS
$sulphur: #c3a900;
$sulphur-rgb: 195, 169, 0;
$sulphur-light: mix(#fff, $sulphur, 20%);
$sulphur-dark: mix(#000, $sulphur, 20%);
.element {
color: $sulphur;
box-shadow: 0 0 0 2px rgba($sulphur, 0.35);
}