色名 · #D2BE9D
Eire
Eireは#D2BE9D：rgb(210 190 157)、hsl(37 37% 72%)、oklch(0.81 0.05 80.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Eire color name →
#D2BE9D
oklch(0.81 0.05 80.2)
カラー変換
- HEX
- #d2be9d
- RGB
- rgb(210 190 157)
- HSL
- hsl(37 37% 72%)
- HWB
- hwb(37 62% 18%)
- OKLCH
- oklch(0.81 0.05 80.2)
- OKLab
- oklab(0.81 0.008 0.049)
- CIE Lab
- lab(78.05 3.56 19.45)
- LCH
- lch(78.05 19.77 79.6)
- CMYK
- cmyk(0% 10% 25% 18%)
ティント · シェード · トーン
ティント
- D6C4A7
- DBCBB0
- DFD1BA
- E4D8C4
- E8DECE
- EDE5D7
- F1EBE1
- F6F2EB
- FAF8F5
シェード
- B6A588
- 9B8C73
- 81755F
- 685E4C
- 50483A
- 393328
- 241F18
- 100D09
- 020201
トーン
- CAB89A
- C1B197
- B9AB95
- B0A592
- A89F8F
- A0988C
- 989289
- 908C86
- 888683
カラーハーモニー
補色 +180°
- D2BE9D
Eire
- AFC2E2
≈ Promise
類似色 -30° +30°
トライアド +120° +240°
- D2BE9D
Eire
- 9BCBCE
≈ Pentagon
- D0B7D5
≈ Lilac Haze
スプリットコンプリメンタリー +150° +210°
- D2BE9D
Eire
- A1C8DB
≈ Piezo Blue
- C0BCE0
≈ Pretty Posie
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.81:1 · APCA Lc 34
Ag
AAA黒の上
WCAG 11.59:1 · APCA Lc 69
最適な文字色: #000000
WCAG 11.59:1 (AAA) · APCA Lc 69
Contrast pairs
コードスニペット
CSS
:root {
--eire: #d2be9d;
--eire-rgb: 210 190 157;
--eire-oklch: oklch(0.81 0.05 80.2);
}
.element {
color: var(--eire);
background-color: hsl(37 37% 72%);
border-color: oklch(0.81 0.05 80.2);
}Tailwind CSS v4
@theme {
--color-eire: #d2be9d;
--color-eire-50: #fcf4e5;
--color-eire-100: #f0e7d6;
--color-eire-200: #dfd3bd;
--color-eire-300: #c4b59b;
--color-eire-400: #ae9c7d;
--color-eire-500: #988360;
--color-eire-600: #806f52;
--color-eire-700: #675941;
--color-eire-800: #4c402f;
--color-eire-900: #352c20;
--color-eire-950: #20190f;
}SCSS
$eire: #d2be9d;
$eire-rgb: 210, 190, 157;
$eire-light: mix(#fff, $eire, 20%);
$eire-dark: mix(#000, $eire, 20%);
.element {
color: $eire;
box-shadow: 0 0 0 2px rgba($eire, 0.35);
}