Cor nomeada · #CBD5B1
Mint Soap
Mint Soap é #CBD5B1: rgb(203 213 177), hsl(77 30% 76%), oklch(0.856 0.05 120.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Mint Soap color name →
#CBD5B1
oklch(0.856 0.05 120.1)
Conversões de cor
- HEX
- #cbd5b1
- RGB
- rgb(203 213 177)
- HSL
- hsl(77 30% 76%)
- HWB
- hwb(77 69% 16%)
- OKLCH
- oklch(0.856 0.05 120.1)
- OKLab
- oklab(0.856 -0.025 0.043)
- CIE Lab
- lab(83.78 -8.14 16.67)
- LCH
- lch(83.78 18.55 116)
- CMYK
- cmyk(5% 0% 17% 16%)
Tons claros · Sombras · Tons
Tons claros
- D0D9B9
- D5DDC0
- DAE2C8
- DFE6D0
- E5EAD8
- EAEEE0
- EFF2E7
- F4F7EF
- FAFBF7
Sombras
- B0B999
- 969E83
- 7D836C
- 656A57
- 4D5142
- 373A2F
- 22241C
- 0F100C
- 020201
Tons
- C3CCAC
- BBC3A7
- B4BBA2
- ACB29D
- A5AA98
- 9DA194
- 96998F
- 8E908A
- 878885
Harmonias de cor
Complementar +180°
- CBD5B1
Mint Soap
- D4C9EC
≈ Foggy Love
Análoga -30° +30°
- CBD5B1
Mint Soap
- DCCFAB
≈ Lovely Linen
- BAD9BF
≈ Lamina
Tríade +120° +240°
- CBD5B1
Mint Soap
- B3D5ED
≈ Ariel
- ECC3CE
≈ Misty Memories
Complementar dividida +150° +210°
- CBD5B1
Mint Soap
- C3CFF1
≈ Frozen Periwinkle
- E3C5DF
≈ Sweet Alyssum
Tétrade +90° +180° +270°
- CBD5B1
Mint Soap
- ABD9E2
≈ Araucana Egg
- D4C9EC
≈ Foggy Love
- EFC4BD
≈ Peach Ash
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.53:1 · APCA Lc 25
Ag
AAASobre preto
WCAG 13.69:1 · APCA Lc 78
Melhor cor de texto: #000000
WCAG 13.69:1 (AAA) · APCA Lc 78
Contrast pairs
Trechos de código
CSS
:root {
--mint-soap: #cbd5b1;
--mint-soap-rgb: 203 213 177;
--mint-soap-oklch: oklch(0.856 0.05 120.1);
}
.element {
color: var(--mint-soap);
background-color: hsl(77 30% 76%);
border-color: oklch(0.856 0.05 120.1);
}Tailwind CSS v4
@theme {
--color-mint-soap: #cbd5b1;
--color-mint-soap-50: #f2f8e8;
--color-mint-soap-100: #e5ebd9;
--color-mint-soap-200: #d0d8c1;
--color-mint-soap-300: #b3bca0;
--color-mint-soap-400: #9aa383;
--color-mint-soap-500: #828b66;
--color-mint-soap-600: #6e7657;
--color-mint-soap-700: #585e45;
--color-mint-soap-800: #414531;
--color-mint-soap-900: #2c3021;
--color-mint-soap-950: #1a1c11;
}SCSS
$mint-soap: #cbd5b1;
$mint-soap-rgb: 203, 213, 177;
$mint-soap-light: mix(#fff, $mint-soap, 20%);
$mint-soap-dark: mix(#000, $mint-soap, 20%);
.element {
color: $mint-soap;
box-shadow: 0 0 0 2px rgba($mint-soap, 0.35);
}