Cor nomeada mais próxima · #C3A900
#C3A900
Cor nomeada mais próxima: Sulphur
#C3A900 (rgb(195 169 0), hsl(52 100% 38%), oklch(0.735 0.152 98.1)) é mais próxima da cor nomeada Sulphur. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#C3A900
oklch(0.735 0.152 98.1)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- C9B23B
- CFBB58
- D4C370
- DACC86
- E0D59B
- E6DDAF
- ECE6C3
- F3EED7
- F9F7EB
Sombras
- A99200
- 907C00
- 786700
- 605300
- 4A3F00
- 342C00
- 201B00
- 0E0A00
- 020100
Tons
- BCA52A
- B5A13C
- AE9D4A
- A79954
- A1955E
- 9A9166
- 938D6D
- 8D8974
- 86847A
Harmonias de cor
Complementar +180°
- C3A900
Sulphur
- 969FFF
≈ Cobalite
Análoga -30° +30°
- C3A900
Sulphur
- E79422
≈ Sanskrit
- 8DBB48
≈ Frog on a Log
Tríade +120° +240°
- C3A900
Sulphur
- 00BCE0
≈ Maldives
- E681CA
≈ Blushed Bombshell
Complementar dividida +150° +210°
- C3A900
Sulphur
- 57AFFF
≈ Tiān Lán Sky
- C48DF2
≈ Liliac
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.33:1 · APCA Lc 46
Ag
AAASobre preto
WCAG 8.99:1 · APCA Lc 56
Melhor cor de texto: #000000
WCAG 8.99:1 (AAA) · APCA Lc 56
Contrast pairs
Trechos de código
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);
}