Cor nomeada · #CFE587
Refreshed
Refreshed é #CFE587: rgb(207 229 135), hsl(74 64% 71%), oklch(0.885 0.121 119.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Refreshed color name →
#CFE587
oklch(0.885 0.121 119.7)
Conversões de cor
- HEX
- #cfe587
- RGB
- rgb(207 229 135)
- HSL
- hsl(74 64% 71%)
- HWB
- hwb(74 53% 10%)
- OKLCH
- oklch(0.885 0.121 119.7)
- OKLab
- oklab(0.885 -0.06 0.105)
- CIE Lab
- lab(87.74 -18.27 43.15)
- LCH
- lch(87.74 46.86 113)
- CMYK
- cmyk(10% 0% 41% 10%)
Tons claros · Sombras · Tons
Tons claros
- D4E894
- D8EBA1
- DDEDAD
- E2F0B9
- E6F3C5
- EBF5D1
- F0F8DD
- F5FAE8
- FAFDF4
Sombras
- B4C775
- 99AA63
- 7F8E51
- 677241
- 4F5831
- 383F21
- 232813
- 101206
- 020301
Tons
- C7DB87
- BFD088
- B6C688
- AEBC87
- A6B287
- 9FA886
- 979E85
- 8F9483
- 878A82
Harmonias de cor
Complementar +180°
- CFE587
Refreshed
- DFD0FF
≈ Pale Lavender
Análoga -30° +30°
- CFE587
Refreshed
- F8D576
≈ Oriole Yellow
- 9DF0AE
≈ Mint Tonic
Tríade +120° +240°
- CFE587
Refreshed
- B4DFFF
≈ Broad Daylight
- FFC8D7
≈ Flower Spell
Complementar dividida +150° +210°
- CFE587
Refreshed
- CAD8FF
≈ Pale Phthalo Blue
- FFC2F9
≈ Pink Quartz
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.38:1 · APCA Lc 18
Ag
AAASobre preto
WCAG 15.21:1 · APCA Lc 85
Melhor cor de texto: #000000
WCAG 15.21:1 (AAA) · APCA Lc 85
Contrast pairs
Trechos de código
CSS
:root {
--refreshed: #cfe587;
--refreshed-rgb: 207 229 135;
--refreshed-oklch: oklch(0.885 0.121 119.7);
}
.element {
color: var(--refreshed);
background-color: hsl(74 64% 71%);
border-color: oklch(0.885 0.121 119.7);
}Tailwind CSS v4
@theme {
--color-refreshed: #cfe587;
--color-refreshed-50: #effbd5;
--color-refreshed-100: #e1efc2;
--color-refreshed-200: #cbdda3;
--color-refreshed-300: #adc17a;
--color-refreshed-400: #96a952;
--color-refreshed-500: #7d9122;
--color-refreshed-600: #6a7b20;
--color-refreshed-700: #546219;
--color-refreshed-800: #3f480e;
--color-refreshed-900: #2b3209;
--color-refreshed-950: #191d00;
}SCSS
$refreshed: #cfe587;
$refreshed-rgb: 207, 229, 135;
$refreshed-light: mix(#fff, $refreshed, 20%);
$refreshed-dark: mix(#000, $refreshed, 20%);
.element {
color: $refreshed;
box-shadow: 0 0 0 2px rgba($refreshed, 0.35);
}