Couleur nommée · #CEDAC3
Breakaway
Breakaway correspond à #CEDAC3 : rgb(206 218 195), hsl(91 24% 81%), oklch(0.873 0.034 129.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Breakaway color name →
#CEDAC3
oklch(0.873 0.034 129.7)
Conversions de couleur
- HEX
- #cedac3
- RGB
- rgb(206 218 195)
- HSL
- hsl(91 24% 81%)
- HWB
- hwb(91 76% 15%)
- OKLCH
- oklch(0.873 0.034 129.7)
- OKLab
- oklab(0.873 -0.022 0.026)
- CIE Lab
- lab(85.66 -7.26 9.91)
- LCH
- lch(85.66 12.28 126.2)
- CMYK
- cmyk(6% 0% 11% 15%)
Teintes · Ombres · Tons
Teintes
- D3DEC9
- D8E1CF
- DDE5D5
- E1E9DB
- E6ECE1
- EBF0E7
- F0F4ED
- F5F8F3
- FAFBF9
Ombres
- B3BDA9
- 98A290
- 7F8778
- 666C60
- 4E544A
- 383C34
- 232520
- 0F110E
- 020202
Tons
- C6D1BC
- BEC7B5
- B6BEAE
- AEB5A8
- A6ACA1
- 9EA39A
- 979A94
- 8F918D
- 878987
Harmonies de couleurs
Complémentaire +180°
- CEDAC3
Breakaway
- DCD0E6
≈ Shimmering Sky
Analogue -30° +30°
- CEDAC3
Breakaway
- DAD6BD
≈ White Moss
- C3DCCE
≈ Clearly Aqua
Triadique +120° +240°
- CEDAC3
Breakaway
- C5D8EB
≈ Light Morality
- EACDD0
≈ Pink Pail
Complémentaire divisée +150° +210°
- CEDAC3
Breakaway
- D0D3EC
≈ Artistic Violet
- E5CDDC
≈ Vanity Pink
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.45:1 · APCA Lc 22
Ag
AAASur noir
WCAG 14.44:1 · APCA Lc 82
Meilleure couleur de texte: #000000
WCAG 14.44:1 (AAA) · APCA Lc 82
Contrast pairs
Extraits de code
CSS
:root {
--breakaway: #cedac3;
--breakaway-rgb: 206 218 195;
--breakaway-oklch: oklch(0.873 0.034 129.7);
}
.element {
color: var(--breakaway);
background-color: hsl(91 24% 81%);
border-color: oklch(0.873 0.034 129.7);
}Tailwind CSS v4
@theme {
--color-breakaway: #cedac3;
--color-breakaway-50: #f2f7ed;
--color-breakaway-100: #e4eadf;
--color-breakaway-200: #cfd7c9;
--color-breakaway-300: #b1bbaa;
--color-breakaway-400: #98a38e;
--color-breakaway-500: #7f8b74;
--color-breakaway-600: #6b7662;
--color-breakaway-700: #565e4e;
--color-breakaway-800: #3f4538;
--color-breakaway-900: #2b3027;
--color-breakaway-950: #191c15;
}SCSS
$breakaway: #cedac3;
$breakaway-rgb: 206, 218, 195;
$breakaway-light: mix(#fff, $breakaway, 20%);
$breakaway-dark: mix(#000, $breakaway, 20%);
.element {
color: $breakaway;
box-shadow: 0 0 0 2px rgba($breakaway, 0.35);
}