이름 색상 · #0C6064
Beau Vert
Beau Vert은(는) #0C6064: rgb(12 96 100), hsl(183 79% 22%), oklch(0.446 0.072 200.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Beau Vert color name →
#0C6064
oklch(0.446 0.072 200.1)
색상 변환
- HEX
- #0c6064
- RGB
- rgb(12 96 100)
- HSL
- hsl(183 79% 22%)
- HWB
- hwb(183 5% 61%)
- OKLCH
- oklch(0.446 0.072 200.1)
- OKLab
- oklab(0.446 -0.068 -0.025)
- CIE Lab
- lab(36.44 -22.67 -9.35)
- LCH
- lch(36.44 24.52 202.4)
- CMYK
- cmyk(88% 4% 0% 61%)
틴트 · 셰이드 · 톤
틴트
- 2F6F72
- 487E81
- 5F8D90
- 759D9F
- 8CADAE
- A2BDBE
- B9CDCE
- D0DEDE
- E7EEEE
셰이드
- 095256
- 064548
- 04383B
- 032C2E
- 022022
- 011516
- 000A0B
- 000303
- 000000
톤
- 226367
- 30676A
- 3C6A6C
- 476D6F
- 517072
- 5B7475
- 647778
- 6E7A7A
- 777D7D
색 조화
보색 +180°
- 0C6064
Beau Vert
- 774343
≈ Cinnamon Cherry
유사색 -30° +30°
- 0C6064
Beau Vert
- 21614E
≈ Teal Drama
- 215B75
≈ Saltwater Denim
삼각 배색 +120° +240°
- 0C6064
Beau Vert
- 66476D
≈ Sultana
- 694F20
≈ Black Queen
분열 보색 +150° +210°
- 0C6064
Beau Vert
- 72435A
≈ Deep Carmine
- 74482E
≈ Cape Palliser
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.30:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.87:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.30:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--beau-vert: #0c6064;
--beau-vert-rgb: 12 96 100;
--beau-vert-oklch: oklch(0.446 0.072 200.1);
}
.element {
color: var(--beau-vert);
background-color: hsl(183 79% 22%);
border-color: oklch(0.446 0.072 200.1);
}Tailwind CSS v4
@theme {
--color-beau-vert: #0c6064;
--color-beau-vert-50: #defcfe;
--color-beau-vert-100: #cdf0f2;
--color-beau-vert-200: #b1dee1;
--color-beau-vert-300: #8bc3c7;
--color-beau-vert-400: #68acaf;
--color-beau-vert-500: #429599;
--color-beau-vert-600: #3a7e81;
--color-beau-vert-700: #2e6568;
--color-beau-vert-800: #204a4b;
--color-beau-vert-900: #153334;
--color-beau-vert-950: #061f20;
}SCSS
$beau-vert: #0c6064;
$beau-vert-rgb: 12, 96, 100;
$beau-vert-light: mix(#fff, $beau-vert, 20%);
$beau-vert-dark: mix(#000, $beau-vert, 20%);
.element {
color: $beau-vert;
box-shadow: 0 0 0 2px rgba($beau-vert, 0.35);
}