Benannte Farbe · #6C7E71
Island Palm
Island Palm ist #6C7E71: rgb(108 126 113), hsl(137 8% 46%), oklch(0.574 0.029 154). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Island Palm color name →
#6C7E71
oklch(0.574 0.029 154)
Farbumrechnungen
- HEX
- #6c7e71
- RGB
- rgb(108 126 113)
- HSL
- hsl(137 8% 46%)
- HWB
- hwb(137 42% 51%)
- OKLCH
- oklch(0.574 0.029 154)
- OKLab
- oklab(0.574 -0.026 0.013)
- CIE Lab
- lab(51.03 -8.91 4.78)
- LCH
- lch(51.03 10.11 151.8)
- CMYK
- cmyk(14% 0% 10% 51%)
Tints · Shades · Tones
Tints
- 7A8A7E
- 88968C
- 96A399
- A4B0A7
- B3BDB5
- C2CAC4
- D1D7D2
- E0E4E1
- EFF1F0
Shades
- 5D6D61
- 4E5C52
- 404C43
- 323C35
- 252D27
- 191F1A
- 0D110E
- 040504
- 000101
Tones
- 6E7E73
- 707E74
- 727F76
- 747F77
- 767F79
- 787F7A
- 7A7F7C
- 7C807D
- 7E807F
Farbharmonien
Komplementär +180°
- 6C7E71
Island Palm
- 847380
≈ Burlap Grey
Analog -30° +30°
- 6C7E71
Island Palm
- 757C69
≈ Wild Pigeon
- 667F7A
≈ Underwater World
Triadisch +120° +240°
- 6C7E71
Island Palm
- 73788A
≈ Fantasia
- 89736E
≈ Cave of the Winds
Geteilt komplementär +150° +210°
- 6C7E71
Island Palm
- 7C7587
≈ Dull Mauve
- 887277
≈ Simple Plum
Tetradisch +90° +180° +270°
- 6C7E71
Island Palm
- 6B7B89
≈ Lynch
- 847380
≈ Burlap Grey
- 857567
≈ Wicker Basket
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.32:1 · APCA Lc 70
Ag
AAAuf Schwarz
WCAG 4.86:1 · APCA Lc 32
Beste Textfarbe: #000000
WCAG 4.86:1 (AA) · APCA Lc 32
Contrast pairs
Code-Snippets
CSS
:root {
--island-palm: #6c7e71;
--island-palm-rgb: 108 126 113;
--island-palm-oklch: oklch(0.574 0.029 154);
}
.element {
color: var(--island-palm);
background-color: hsl(137 8% 46%);
border-color: oklch(0.574 0.029 154);
}Tailwind CSS v4
@theme {
--color-island-palm: #6c7e71;
--color-island-palm-50: #eff8f2;
--color-island-palm-100: #e1ebe4;
--color-island-palm-200: #cbd8cf;
--color-island-palm-300: #acbcb1;
--color-island-palm-400: #92a497;
--color-island-palm-500: #788c7e;
--color-island-palm-600: #66776a;
--color-island-palm-700: #515f55;
--color-island-palm-800: #3b453d;
--color-island-palm-900: #29302a;
--color-island-palm-950: #161c18;
}SCSS
$island-palm: #6c7e71;
$island-palm-rgb: 108, 126, 113;
$island-palm-light: mix(#fff, $island-palm, 20%);
$island-palm-dark: mix(#000, $island-palm, 20%);
.element {
color: $island-palm;
box-shadow: 0 0 0 2px rgba($island-palm, 0.35);
}