Cor nomeada · #C7610F
Kvass
Kvass é #C7610F: rgb(199 97 15), hsl(27 86% 42%), oklch(0.605 0.153 50.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Kvass color name →
#C7610F
oklch(0.605 0.153 50.9)
Conversões de cor
- HEX
- #c7610f
- RGB
- rgb(199 97 15)
- HSL
- hsl(27 86% 42%)
- HWB
- hwb(27 6% 22%)
- OKLCH
- oklch(0.605 0.153 50.9)
- OKLab
- oklab(0.605 0.096 0.119)
- CIE Lab
- lab(53.28 38.57 58.84)
- LCH
- lch(53.28 70.35 56.8)
- CMYK
- cmyk(0% 51% 92% 22%)
Tons claros · Sombras · Tons
Tons claros
- CE7235
- D5824F
- DC9266
- E2A17C
- E7B192
- EDC1A8
- F2D0BD
- F7E0D3
- FBEFE9
Sombras
- AD530B
- 934608
- 7A3905
- 622D03
- 4C2102
- 361501
- 210B00
- 0E0300
- 020000
Tons
- C16527
- BA6936
- B46D42
- AD714D
- A67456
- 9F775F
- 987968
- 907C70
- 887E78
Harmonias de cor
Complementar +180°
- C7610F
Kvass
- 008EBD
≈ Hawaiian Surf
Análoga -30° +30°
- C7610F
Kvass
- CD5559
≈ Whipped Strawberry
- A87800
≈ Bronze
Tríade +120° +240°
- C7610F
Kvass
- 009878
≈ Cadaverous
- 846ED5
≈ Matt Purple
Complementar dividida +150° +210°
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 4.08:1 · APCA Lc 67
Ag
AASobre preto
WCAG 5.14:1 · APCA Lc 34
Melhor cor de texto: #000000
WCAG 5.14:1 (AA) · APCA Lc 34
Contrast pairs
Trechos de código
CSS
:root {
--kvass: #c7610f;
--kvass-rgb: 199 97 15;
--kvass-oklch: oklch(0.605 0.153 50.9);
}
.element {
color: var(--kvass);
background-color: hsl(27 86% 42%);
border-color: oklch(0.605 0.153 50.9);
}Tailwind CSS v4
@theme {
--color-kvass: #c7610f;
--color-kvass-50: #ffeacd;
--color-kvass-100: #ffdbb9;
--color-kvass-200: #ffc297;
--color-kvass-300: #f5a16a;
--color-kvass-400: #e48140;
--color-kvass-500: #d26100;
--color-kvass-600: #b15200;
--color-kvass-700: #8f4200;
--color-kvass-800: #6b2e03;
--color-kvass-900: #4b1f03;
--color-kvass-950: #310e00;
}SCSS
$kvass: #c7610f;
$kvass-rgb: 199, 97, 15;
$kvass-light: mix(#fff, $kvass, 20%);
$kvass-dark: mix(#000, $kvass, 20%);
.element {
color: $kvass;
box-shadow: 0 0 0 2px rgba($kvass, 0.35);
}