Benannte Farbe · #CEDAC3
Breakaway
Breakaway ist #CEDAC3: rgb(206 218 195), hsl(91 24% 81%), oklch(0.873 0.034 129.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Breakaway color name →
#CEDAC3
oklch(0.873 0.034 129.7)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- D3DEC9
- D8E1CF
- DDE5D5
- E1E9DB
- E6ECE1
- EBF0E7
- F0F4ED
- F5F8F3
- FAFBF9
Shades
- B3BDA9
- 98A290
- 7F8778
- 666C60
- 4E544A
- 383C34
- 232520
- 0F110E
- 020202
Tones
- C6D1BC
- BEC7B5
- B6BEAE
- AEB5A8
- A6ACA1
- 9EA39A
- 979A94
- 8F918D
- 878987
Farbharmonien
Komplementär +180°
- CEDAC3
Breakaway
- DCD0E6
≈ Shimmering Sky
Analog -30° +30°
- CEDAC3
Breakaway
- DAD6BD
≈ White Moss
- C3DCCE
≈ Clearly Aqua
Triadisch +120° +240°
- CEDAC3
Breakaway
- C5D8EB
≈ Light Morality
- EACDD0
≈ Pink Pail
Geteilt komplementär +150° +210°
- CEDAC3
Breakaway
- D0D3EC
≈ Artistic Violet
- E5CDDC
≈ Vanity Pink
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.45:1 · APCA Lc 22
Ag
AAAAuf Schwarz
WCAG 14.44:1 · APCA Lc 82
Beste Textfarbe: #000000
WCAG 14.44:1 (AAA) · APCA Lc 82
Contrast pairs
Code-Snippets
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);
}