色名 · #D5A585
Yolande
Yolandeは#D5A585：rgb(213 165 133)、hsl(24 49% 68%)、oklch(0.758 0.072 55.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Yolande color name →
#D5A585
oklch(0.758 0.072 55.1)
カラー変換
- HEX
- #d5a585
- RGB
- rgb(213 165 133)
- HSL
- hsl(24 49% 68%)
- HWB
- hwb(24 52% 16%)
- OKLCH
- oklch(0.758 0.072 55.1)
- OKLab
- oklab(0.758 0.041 0.059)
- CIE Lab
- lab(71.69 15.13 23.79)
- LCH
- lch(71.69 28.19 57.5)
- CMYK
- cmyk(0% 23% 38% 16%)
ティント · シェード · トーン
ティント
- DAAE91
- DEB79D
- E2C0A9
- E7C9B5
- EBD2C1
- EFDBCE
- F3E4DA
- F7EDE6
- FBF6F3
シェード
- B98F73
- 9E7961
- 836550
- 6A5140
- 513D30
- 3A2B21
- 241A13
- 100A06
- 020101
トーン
- CCA185
- C49E85
- BB9A84
- B39684
- AA9383
- A28F83
- 998B82
- 918882
- 888481
カラーハーモニー
補色 +180°
- D5A585
Yolande
- 83B8D8
≈ 21st Century Blue
類似色 -30° +30°
- D5A585
Yolande
- DB9F9A
≈ Pink Pussycat
- C6AE7C
≈ Butterbrot
トライアド +120° +240°
- D5A585
Yolande
- 7FC0AE
≈ Mintage
- B3A8DA
≈ Grape Illusion
スプリットコンプリメンタリー +150° +210°
- D5A585
Yolande
- 78BEC6
≈ Aqua Vitale
- 9AB0DF
≈ Blue Skies Today
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.19:1 · APCA Lc 43
Ag
AAA黒の上
WCAG 9.54:1 · APCA Lc 59
最適な文字色: #000000
WCAG 9.54:1 (AAA) · APCA Lc 59
Contrast pairs
コードスニペット
CSS
:root {
--yolande: #d5a585;
--yolande-rgb: 213 165 133;
--yolande-oklch: oklch(0.758 0.072 55.1);
}
.element {
color: var(--yolande);
background-color: hsl(24 49% 68%);
border-color: oklch(0.758 0.072 55.1);
}Tailwind CSS v4
@theme {
--color-yolande: #d5a585;
--color-yolande-50: #fff1e2;
--color-yolande-100: #fbe2d1;
--color-yolande-200: #edcdb7;
--color-yolande-300: #d5af94;
--color-yolande-400: #c09476;
--color-yolande-500: #ab7957;
--color-yolande-600: #91674a;
--color-yolande-700: #74523b;
--color-yolande-800: #563b2b;
--color-yolande-900: #3c291d;
--color-yolande-950: #26170d;
}SCSS
$yolande: #d5a585;
$yolande-rgb: 213, 165, 133;
$yolande-light: mix(#fff, $yolande, 20%);
$yolande-dark: mix(#000, $yolande, 20%);
.element {
color: $yolande;
box-shadow: 0 0 0 2px rgba($yolande, 0.35);
}