Cor nomeada mais próxima · #CF2933
#CF2933
Cor nomeada mais próxima: Methadone
#CF2933 (rgb(207 41 51), hsl(356 67% 49%), oklch(0.557 0.2 24.1)) é mais próxima da cor nomeada Methadone. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#CF2933
oklch(0.557 0.2 24.1)
Conversões de cor
- HEX
- #cf2933
- RGB
- rgb(207 41 51)
- HSL
- hsl(356 67% 49%)
- HWB
- hwb(356 16% 19%)
- OKLCH
- oklch(0.557 0.2 24.1)
- OKLab
- oklab(0.557 0.183 0.082)
- CIE Lab
- lab(46.54 63.62 38.43)
- LCH
- lch(46.54 74.32 31.1)
- CMYK
- cmyk(0% 80% 75% 19%)
Tons claros · Sombras · Tons
Tons claros
- D74748
- DE5F5C
- E57570
- EB8984
- F09D98
- F5B1AC
- F9C5C0
- FCD8D5
- FEECEA
Sombras
- B4222B
- 991C23
- 7F151C
- 670F14
- 4F090D
- 380507
- 230203
- 100101
- 020000
Tons
- C9393C
- C24645
- BC504D
- B55955
- AD615C
- A66864
- 9D6F6B
- 947572
- 8B7B79
Harmonias de cor
Complementar +180°
- CF2933
Methadone
- 00838D
≈ Precious Blue
Análoga -30° +30°
- CF2933
Methadone
- C52A7B
≈ Magenta Dye
- B05800
≈ Elm Brown Red
Tríade +120° +240°
- CF2933
Methadone
- 008C1C
≈ Emerald
- 3468E7
≈ Bluetiful
Complementar dividida +150° +210°
- CF2933
Methadone
- 00876F
≈ Celtic Queen
- 007DAD
≈ Neptune
Tétrade +90° +180° +270°
- CF2933
Methadone
- 737B00
≈ Flag Green
- 00838D
≈ Precious Blue
- 7E51DA
≈ Gloomy Purple
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.22:1 · APCA Lc 74
Ag
FailSobre preto
WCAG 4.01:1 · APCA Lc 27
Melhor cor de texto: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 74
Contrast pairs
Trechos de código
CSS
:root {
--methadone: #cf2933;
--methadone-rgb: 207 41 51;
--methadone-oklch: oklch(0.557 0.2 24.1);
}
.element {
color: var(--methadone);
background-color: hsl(356 67% 49%);
border-color: oklch(0.557 0.2 24.1);
}Tailwind CSS v4
@theme {
--color-methadone: #cf2933;
--color-methadone-50: #ffe0d7;
--color-methadone-100: #ffcec5;
--color-methadone-200: #ffb2a7;
--color-methadone-300: #ff8b80;
--color-methadone-400: #ff6361;
--color-methadone-500: #ee333e;
--color-methadone-600: #c92e35;
--color-methadone-700: #a2252a;
--color-methadone-800: #791820;
--color-methadone-900: #551015;
--color-methadone-950: #390207;
}SCSS
$methadone: #cf2933;
$methadone-rgb: 207, 41, 51;
$methadone-light: mix(#fff, $methadone, 20%);
$methadone-dark: mix(#000, $methadone, 20%);
.element {
color: $methadone;
box-shadow: 0 0 0 2px rgba($methadone, 0.35);
}