Colore con nome · #CED3C1
Merry Music
Merry Music è #CED3C1: rgb(206 211 193), hsl(77 17% 79%), oklch(0.858 0.025 119.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Merry Music color name →
#CED3C1
oklch(0.858 0.025 119.6)
Conversioni di colore
- HEX
- #ced3c1
- RGB
- rgb(206 211 193)
- HSL
- hsl(77 17% 79%)
- HWB
- hwb(77 76% 17%)
- OKLCH
- oklch(0.858 0.025 119.6)
- OKLab
- oklab(0.858 -0.012 0.022)
- CIE Lab
- lab(83.79 -4.14 8.33)
- LCH
- lch(83.79 9.3 116.5)
- CMYK
- cmyk(2% 0% 9% 17%)
Tinte · Ombre · Toni
Tinte
- D3D7C7
- D8DCCD
- DCE0D3
- E1E4DA
- E6E9E0
- EBEDE6
- F0F2EC
- F5F6F2
- FAFBF9
Ombre
- B3B7A7
- 989C8F
- 7F8277
- 66695F
- 4E5149
- 383A34
- 232420
- 0F100E
- 020202
Toni
- C6CABA
- BEC2B4
- B6B9AD
- AEB1A6
- A6A9A0
- 9EA099
- 979893
- 8F908D
- 878886
Armonie di colore
Complementare +180°
- CED3C1
Merry Music
- D2CDDF
≈ Breezy Violet
Analogo -30° +30°
- CED3C1
Merry Music
- D7D0BE
≈ Grand Piano
- C6D5C8
≈ Slow Green
Triadico +120° +240°
- CED3C1
Merry Music
- C2D3DF
≈ Sea Drive
- DFCAD0
≈ French Lavender
Complementare divisa +150° +210°
- CED3C1
Merry Music
- CAD0E1
≈ Sweet Emily
- DACBD8
≈ Creamy Mauve
Tetradico +90° +180° +270°
- CED3C1
Merry Music
- BFD5D9
≈ Wind Speed
- D2CDDF
≈ Breezy Violet
- E0CBC7
≈ Satin Teddy
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.53:1 · APCA Lc 25
Ag
AAASu nero
WCAG 13.71:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.71:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--merry-music: #ced3c1;
--merry-music-rgb: 206 211 193;
--merry-music-oklch: oklch(0.858 0.025 119.6);
}
.element {
color: var(--merry-music);
background-color: hsl(77 17% 79%);
border-color: oklch(0.858 0.025 119.6);
}Tailwind CSS v4
@theme {
--color-merry-music: #ced3c1;
--color-merry-music-50: #f4f6ef;
--color-merry-music-100: #e6e9e0;
--color-merry-music-200: #d2d6ca;
--color-merry-music-300: #b5baac;
--color-merry-music-400: #9ca191;
--color-merry-music-500: #848976;
--color-merry-music-600: #707464;
--color-merry-music-700: #595d50;
--color-merry-music-800: #41443a;
--color-merry-music-900: #2d2f28;
--color-merry-music-950: #1a1b16;
}SCSS
$merry-music: #ced3c1;
$merry-music-rgb: 206, 211, 193;
$merry-music-light: mix(#fff, $merry-music, 20%);
$merry-music-dark: mix(#000, $merry-music, 20%);
.element {
color: $merry-music;
box-shadow: 0 0 0 2px rgba($merry-music, 0.35);
}