Benannte Farbe · #64B5BF
Adonis
Adonis ist #64B5BF: rgb(100 181 191), hsl(187 42% 57%), oklch(0.725 0.081 205.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Adonis color name →
#64B5BF
oklch(0.725 0.081 205.9)
Farbumrechnungen
- HEX
- #64b5bf
- RGB
- rgb(100 181 191)
- HSL
- hsl(187 42% 57%)
- HWB
- hwb(187 39% 25%)
- OKLCH
- oklch(0.725 0.081 205.9)
- OKLab
- oklab(0.725 -0.072 -0.035)
- CIE Lab
- lab(68.84 -23.87 -13.25)
- LCH
- lch(68.84 27.3 209)
- CMYK
- cmyk(48% 5% 0% 25%)
Tints · Shades · Tones
Tints
- 75BCC5
- 86C4CC
- 95CBD2
- A5D3D8
- B4DADF
- C3E1E5
- D2E9EC
- E1F0F2
- F0F8F9
Shades
- 569DA6
- 48868D
- 3B6F75
- 2E595E
- 224448
- 163033
- 0B1D1F
- 030C0D
- 000202
Tones
- 69B0B9
- 6DAAB2
- 70A5AC
- 74A0A5
- 769A9F
- 799599
- 7B9093
- 7D8B8C
- 7F8586
Farbharmonien
Komplementär +180°
- 64B5BF
Adonis
- D4938C
≈ Powder Blush
Analog -30° +30°
Triadisch +120° +240°
- 64B5BF
Adonis
- C195C2
≈ Pomtini
- BDA36A
≈ Horn of Plenty
Geteilt komplementär +150° +210°
- 64B5BF
Adonis
- D091A8
≈ Kiss
- CE9975
≈ Sweet Almond
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.35:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 8.90:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 8.90:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
CSS
:root {
--adonis: #64b5bf;
--adonis-rgb: 100 181 191;
--adonis-oklch: oklch(0.725 0.081 205.9);
}
.element {
color: var(--adonis);
background-color: hsl(187 42% 57%);
border-color: oklch(0.725 0.081 205.9);
}Tailwind CSS v4
@theme {
--color-adonis: #64b5bf;
--color-adonis-50: #dcfcff;
--color-adonis-100: #caf0f6;
--color-adonis-200: #addfe6;
--color-adonis-300: #86c3cd;
--color-adonis-400: #60acb6;
--color-adonis-500: #3695a0;
--color-adonis-600: #307e87;
--color-adonis-700: #26656d;
--color-adonis-800: #194a4f;
--color-adonis-900: #113437;
--color-adonis-950: #031f22;
}SCSS
$adonis: #64b5bf;
$adonis-rgb: 100, 181, 191;
$adonis-light: mix(#fff, $adonis, 20%);
$adonis-dark: mix(#000, $adonis, 20%);
.element {
color: $adonis;
box-shadow: 0 0 0 2px rgba($adonis, 0.35);
}