이름 색상 · #CEDAC3
Breakaway
Breakaway은(는) #CEDAC3: rgb(206 218 195), hsl(91 24% 81%), oklch(0.873 0.034 129.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Breakaway color name →
#CEDAC3
oklch(0.873 0.034 129.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- D3DEC9
- D8E1CF
- DDE5D5
- E1E9DB
- E6ECE1
- EBF0E7
- F0F4ED
- F5F8F3
- FAFBF9
셰이드
- B3BDA9
- 98A290
- 7F8778
- 666C60
- 4E544A
- 383C34
- 232520
- 0F110E
- 020202
톤
- C6D1BC
- BEC7B5
- B6BEAE
- AEB5A8
- A6ACA1
- 9EA39A
- 979A94
- 8F918D
- 878987
색 조화
보색 +180°
- CEDAC3
Breakaway
- DCD0E6
≈ Shimmering Sky
유사색 -30° +30°
- CEDAC3
Breakaway
- DAD6BD
≈ White Moss
- C3DCCE
≈ Clearly Aqua
삼각 배색 +120° +240°
- CEDAC3
Breakaway
- C5D8EB
≈ Light Morality
- EACDD0
≈ Pink Pail
분열 보색 +150° +210°
- CEDAC3
Breakaway
- D0D3EC
≈ Artistic Violet
- E5CDDC
≈ Vanity Pink
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.45:1 · APCA Lc 22
Ag
AAA검은색 위
WCAG 14.44:1 · APCA Lc 82
가장 좋은 글자색: #000000
WCAG 14.44:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
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);
}