Benannte Farbe · #D0A2A0
Ruby Eye
Ruby Eye ist #D0A2A0: rgb(208 162 160), hsl(2 34% 72%), oklch(0.754 0.055 21.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Ruby Eye color name →
#D0A2A0
oklch(0.754 0.055 21.3)
Farbumrechnungen
- HEX
- #d0a2a0
- RGB
- rgb(208 162 160)
- HSL
- hsl(2 34% 72%)
- HWB
- hwb(2 63% 18%)
- OKLCH
- oklch(0.754 0.055 21.3)
- OKLab
- oklab(0.754 0.051 0.02)
- CIE Lab
- lab(70.92 17.31 7.92)
- LCH
- lch(70.92 19.04 24.6)
- CMYK
- cmyk(0% 22% 23% 18%)
Tints · Shades · Tones
Tints
- D5ABA9
- DAB4B2
- DFBDBC
- E4C7C5
- E8D0CF
- EDD9D8
- F2E3E2
- F6ECEB
- FBF5F5
Shades
- B58C8B
- 9A7776
- 806361
- 674F4E
- 4F3C3B
- 392A29
- 231919
- 100A09
- 020101
Tones
- C89F9D
- C09B9A
- B89896
- B09493
- A89190
- A08E8D
- 988A8A
- 908786
- 888383
Farbharmonien
Komplementär +180°
- D0A2A0
Ruby Eye
- 86BABE
≈ Misty Cold Sea
Analog -30° +30°
- D0A2A0
Ruby Eye
- CCA1B3
≈ Quilted Heart
- CCA690
≈ Primal
Triadisch +120° +240°
- D0A2A0
Ruby Eye
- 9CB898
≈ Brookview
- 9CB0D3
≈ Heartsong
Geteilt komplementär +150° +210°
- D0A2A0
Ruby Eye
- 8CBBAB
≈ Mild Evergreen
- 8CB6CC
≈ Moon Jellyfish
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.24:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.35:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.35:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--ruby-eye: #d0a2a0;
--ruby-eye-rgb: 208 162 160;
--ruby-eye-oklch: oklch(0.754 0.055 21.3);
}
.element {
color: var(--ruby-eye);
background-color: hsl(2 34% 72%);
border-color: oklch(0.754 0.055 21.3);
}Tailwind CSS v4
@theme {
--color-ruby-eye: #d0a2a0;
--color-ruby-eye-50: #ffefee;
--color-ruby-eye-100: #fae1df;
--color-ruby-eye-200: #ebccc9;
--color-ruby-eye-300: #d2adaa;
--color-ruby-eye-400: #bd9290;
--color-ruby-eye-500: #a87876;
--color-ruby-eye-600: #8e6664;
--color-ruby-eye-700: #725150;
--color-ruby-eye-800: #543b3b;
--color-ruby-eye-900: #3b2828;
--color-ruby-eye-950: #241616;
}SCSS
$ruby-eye: #d0a2a0;
$ruby-eye-rgb: 208, 162, 160;
$ruby-eye-light: mix(#fff, $ruby-eye, 20%);
$ruby-eye-dark: mix(#000, $ruby-eye, 20%);
.element {
color: $ruby-eye;
box-shadow: 0 0 0 2px rgba($ruby-eye, 0.35);
}