Cor nomeada · #DFC1A8
Romulus
Romulus é #DFC1A8: rgb(223 193 168), hsl(27 46% 77%), oklch(0.83 0.048 61.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Romulus color name →
#DFC1A8
oklch(0.83 0.048 61.9)
Conversões de cor
- HEX
- #dfc1a8
- RGB
- rgb(223 193 168)
- HSL
- hsl(27 46% 77%)
- HWB
- hwb(27 66% 13%)
- OKLCH
- oklch(0.83 0.048 61.9)
- OKLab
- oklab(0.83 0.023 0.043)
- CIE Lab
- lab(80.19 8.22 16.78)
- LCH
- lch(80.19 18.68 63.9)
- CMYK
- cmyk(0% 13% 25% 13%)
Tons claros · Sombras · Tons
Tons claros
- E2C7B1
- E6CDB9
- E9D3C2
- ECDACA
- EFE0D3
- F2E6DC
- F6ECE5
- F9F2ED
- FCF9F6
Sombras
- C2A792
- A58F7C
- 8A7767
- 6F5F52
- 56493F
- 3D342C
- 27201A
- 120E0A
- 020201
Tons
- D5BAA4
- CBB4A0
- C2AD9C
- B8A798
- AFA094
- A59A90
- 9C938C
- 928D88
- 898684
Harmonias de cor
Complementar +180°
- DFC1A8
Romulus
- ADCCE5
≈ Frosty Snow Cap
Análoga -30° +30°
- DFC1A8
Romulus
- E5BDB4
≈ Rose Fog
- D2C7A4
≈ Pale Olive
Tríade +120° +240°
- DFC1A8
Romulus
- A6D2C9
≈ Sea Inspired
- CDC1E2
≈ Party Hat
Complementar dividida +150° +210°
- DFC1A8
Romulus
- A4D0DA
≈ Cay
- BCC6E8
≈ Pale Wisteria
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.70:1 · APCA Lc 30
Ag
AAASobre preto
WCAG 12.33:1 · APCA Lc 72
Melhor cor de texto: #000000
WCAG 12.33:1 (AAA) · APCA Lc 72
Contrast pairs
Trechos de código
CSS
:root {
--romulus: #dfc1a8;
--romulus-rgb: 223 193 168;
--romulus-oklch: oklch(0.83 0.048 61.9);
}
.element {
color: var(--romulus);
background-color: hsl(27 46% 77%);
border-color: oklch(0.83 0.048 61.9);
}Tailwind CSS v4
@theme {
--color-romulus: #dfc1a8;
--color-romulus-50: #fff3e7;
--color-romulus-100: #f4e5d8;
--color-romulus-200: #e4d0bf;
--color-romulus-300: #cab39e;
--color-romulus-400: #b49982;
--color-romulus-500: #9e7f65;
--color-romulus-600: #866c56;
--color-romulus-700: #6b5645;
--color-romulus-800: #4f3f32;
--color-romulus-900: #372b22;
--color-romulus-950: #221811;
}SCSS
$romulus: #dfc1a8;
$romulus-rgb: 223, 193, 168;
$romulus-light: mix(#fff, $romulus, 20%);
$romulus-dark: mix(#000, $romulus, 20%);
.element {
color: $romulus;
box-shadow: 0 0 0 2px rgba($romulus, 0.35);
}