Benannte Farbe · #0C6064
Beau Vert
Beau Vert ist #0C6064: rgb(12 96 100), hsl(183 79% 22%), oklch(0.446 0.072 200.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Beau Vert color name →
#0C6064
oklch(0.446 0.072 200.1)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 2F6F72
- 487E81
- 5F8D90
- 759D9F
- 8CADAE
- A2BDBE
- B9CDCE
- D0DEDE
- E7EEEE
Shades
- 095256
- 064548
- 04383B
- 032C2E
- 022022
- 011516
- 000A0B
- 000303
- 000000
Tones
- 226367
- 30676A
- 3C6A6C
- 476D6F
- 517072
- 5B7475
- 647778
- 6E7A7A
- 777D7D
Farbharmonien
Komplementär +180°
- 0C6064
Beau Vert
- 774343
≈ Cinnamon Cherry
Analog -30° +30°
- 0C6064
Beau Vert
- 21614E
≈ Teal Drama
- 215B75
≈ Saltwater Denim
Triadisch +120° +240°
- 0C6064
Beau Vert
- 66476D
≈ Sultana
- 694F20
≈ Black Queen
Geteilt komplementär +150° +210°
- 0C6064
Beau Vert
- 72435A
≈ Deep Carmine
- 74482E
≈ Cape Palliser
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.30:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.87:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.30:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
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);
}