色名 · #CDBDA2
Ramie
Ramieは#CDBDA2：rgb(205 189 162)、hsl(38 30% 72%)、oklch(0.805 0.041 80.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Ramie color name →
#CDBDA2
oklch(0.805 0.041 80.8)
カラー変換
- HEX
- #cdbda2
- RGB
- rgb(205 189 162)
- HSL
- hsl(38 30% 72%)
- HWB
- hwb(38 64% 20%)
- OKLCH
- oklch(0.805 0.041 80.8)
- OKLab
- oklab(0.805 0.007 0.04)
- CIE Lab
- lab(77.43 2.65 15.86)
- LCH
- lch(77.43 16.08 80.5)
- CMYK
- cmyk(0% 8% 21% 20%)
ティント · シェード · トーン
ティント
- D2C3AB
- D7CAB4
- DCD1BD
- E1D7C7
- E6DED0
- EBE4D9
- F0EBE3
- F5F2EC
- FAF8F5
シェード
- B2A48C
- 988C77
- 7E7463
- 665D4F
- 4E473C
- 38332A
- 231F19
- 0F0D0A
- 020201
トーン
- C5B79F
- BDB19B
- B5AA98
- ADA495
- A69E91
- 9E988E
- 96928A
- 8F8C87
- 878683
カラーハーモニー
補色 +180°
- CDBDA2
Ramie
- B0C0DA
≈ Movie Magic
類似色 -30° +30°
- CDBDA2
Ramie
- D6B8A8
≈ Sedona Pink
- C0C2A4
≈ Chameleon Tango
トライアド +120° +240°
- CDBDA2
Ramie
- A1C8CA
≈ Aqua Mist
- CCB7D0
≈ Liberace
スプリットコンプリメンタリー +150° +210°
- CDBDA2
Ramie
- A5C5D5
≈ Frozen Blue
- BFBBD8
≈ Lavender Grey
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.84:1 · APCA Lc 35
Ag
AAA黒の上
WCAG 11.39:1 · APCA Lc 68
最適な文字色: #000000
WCAG 11.39:1 (AAA) · APCA Lc 68
Contrast pairs
コードスニペット
CSS
:root {
--ramie: #cdbda2;
--ramie-rgb: 205 189 162;
--ramie-oklch: oklch(0.805 0.041 80.8);
}
.element {
color: var(--ramie);
background-color: hsl(38 30% 72%);
border-color: oklch(0.805 0.041 80.8);
}Tailwind CSS v4
@theme {
--color-ramie: #cdbda2;
--color-ramie-50: #fbf4e8;
--color-ramie-100: #efe7d9;
--color-ramie-200: #ddd3c1;
--color-ramie-300: #c2b6a0;
--color-ramie-400: #ab9c84;
--color-ramie-500: #948468;
--color-ramie-600: #7d7058;
--color-ramie-700: #645946;
--color-ramie-800: #4a4132;
--color-ramie-900: #332d22;
--color-ramie-950: #1f1a11;
}SCSS
$ramie: #cdbda2;
$ramie-rgb: 205, 189, 162;
$ramie-light: mix(#fff, $ramie, 20%);
$ramie-dark: mix(#000, $ramie, 20%);
.element {
color: $ramie;
box-shadow: 0 0 0 2px rgba($ramie, 0.35);
}