Cor nomeada · #DDD618
Chips Provencale
Chips Provencale é #DDD618: rgb(221 214 24), hsl(58 80% 48%), oklch(0.854 0.18 107.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Chips Provencale color name →
#DDD618
oklch(0.854 0.18 107.2)
Conversões de cor
- HEX
- #ddd618
- RGB
- rgb(221 214 24)
- HSL
- hsl(58 80% 48%)
- HWB
- hwb(58 9% 13%)
- OKLCH
- oklch(0.854 0.18 107.2)
- OKLab
- oklab(0.854 -0.053 0.172)
- CIE Lab
- lab(84.15 -10.68 80.08)
- LCH
- lch(84.15 80.79 97.6)
- CMYK
- cmyk(0% 3% 89% 13%)
Tons claros · Sombras · Tons
Tons claros
- E0DB48
- E3DF65
- E6E37D
- EAE892
- EDECA5
- F0F0B8
- F4F4CA
- F8F8DC
- FBFBEE
Sombras
- C0BA13
- A49E0F
- 88840A
- 6E6A07
- 555204
- 3D3B02
- 262501
- 111000
- 020200
Tons
- D3CD37
- C9C548
- C0BC55
- B6B45F
- ADAB67
- A3A26E
- 9A9A73
- 919178
- 89897C
Harmonias de cor
Complementar +180°
- DDD618
Chips Provencale
- CBC8FF
≈ Innocent Snowdrop
Análoga -30° +30°
- DDD618
Chips Provencale
- FFC464
≈ Honey Locust
- 93EA6E
≈ Herbivore
Tríade +120° +240°
- DDD618
Chips Provencale
- 8ADCFF
≈ Tranquil Pool
- FFB6DB
≈ Candy Bar
Complementar dividida +150° +210°
- DDD618
Chips Provencale
- B1D1FF
≈ Ice Cold Stare
- EDB9FF
≈ Euphoria
Tétrade +90° +180° +270°
- DDD618
Chips Provencale
- 00ECF0
≈ Cold Light of Day
- CBC8FF
≈ Innocent Snowdrop
- FFBBBC
≈ Hard Candy
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.53:1 · APCA Lc 24
Ag
AAASobre preto
WCAG 13.70:1 · APCA Lc 79
Melhor cor de texto: #000000
WCAG 13.70:1 (AAA) · APCA Lc 79
Contrast pairs
Trechos de código
CSS
:root {
--chips-provencale: #ddd618;
--chips-provencale-rgb: 221 214 24;
--chips-provencale-oklch: oklch(0.854 0.18 107.2);
}
.element {
color: var(--chips-provencale);
background-color: hsl(58 80% 48%);
border-color: oklch(0.854 0.18 107.2);
}Tailwind CSS v4
@theme {
--color-chips-provencale: #ddd618;
--color-chips-provencale-50: #f8fabf;
--color-chips-provencale-100: #eceea7;
--color-chips-provencale-200: #dadb7d;
--color-chips-provencale-300: #bfbe42;
--color-chips-provencale-400: #aba400;
--color-chips-provencale-500: #968b00;
--color-chips-provencale-600: #7e7500;
--color-chips-provencale-700: #655e00;
--color-chips-provencale-800: #4c4400;
--color-chips-provencale-900: #352f00;
--color-chips-provencale-950: #201b00;
}SCSS
$chips-provencale: #ddd618;
$chips-provencale-rgb: 221, 214, 24;
$chips-provencale-light: mix(#fff, $chips-provencale, 20%);
$chips-provencale-dark: mix(#000, $chips-provencale, 20%);
.element {
color: $chips-provencale;
box-shadow: 0 0 0 2px rgba($chips-provencale, 0.35);
}