色名 · #C2A260
Magic Lamp
Magic Lampは#C2A260：rgb(194 162 96)、hsl(40 45% 57%)、oklch(0.727 0.093 84.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Magic Lamp color name →
#C2A260
oklch(0.727 0.093 84.3)
カラー変換
- HEX
- #c2a260
- RGB
- rgb(194 162 96)
- HSL
- hsl(40 45% 57%)
- HWB
- hwb(40 38% 24%)
- OKLCH
- oklch(0.727 0.093 84.3)
- OKLab
- oklab(0.727 0.009 0.092)
- CIE Lab
- lab(68.47 6.02 38.7)
- LCH
- lch(68.47 39.17 81.2)
- CMYK
- cmyk(0% 16% 51% 24%)
ティント · シェード · トーン
ティント
- C8AB71
- CEB481
- D4BE91
- DAC7A0
- E0D0B0
- E7DAC0
- EDE3D0
- F3ECDF
- F9F6EF
シェード
- A88C52
- 8F7745
- 776338
- 604F2C
- 493C20
- 342A15
- 20190A
- 0E0A03
- 020100
トーン
- BB9F64
- B59B69
- AE986C
- A79570
- A19173
- 9A8E76
- 938A79
- 8D877B
- 86847E
カラーハーモニー
補色 +180°
- C2A260
Magic Lamp
- 89A6E2
≈ Blue Cue
類似色 -30° +30°
- C2A260
Magic Lamp
- D5976E
≈ Rustic Adobe
- A5AE68
≈ Matcha Mecha
トライアド +120° +240°
- C2A260
Magic Lamp
- 55B8C2
≈ Aqualogic
- C493C8
≈ Rose Souvenir
スプリットコンプリメンタリー +150° +210°
- C2A260
Magic Lamp
- 68B0D8
≈ Milky Waves
- AA9BDB
≈ Violet Velvet
テトラード +90° +180° +270°
- C2A260
Magic Lamp
- 61BAA2
≈ Puerto Rico
- 89A6E2
≈ Blue Cue
- D58EAA
≈ Kiss
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.43:1 · APCA Lc 48
Ag
AAA黒の上
WCAG 8.63:1 · APCA Lc 54
最適な文字色: #000000
WCAG 8.63:1 (AAA) · APCA Lc 54
Contrast pairs
コードスニペット
CSS
:root {
--magic-lamp: #c2a260;
--magic-lamp-rgb: 194 162 96;
--magic-lamp-oklch: oklch(0.727 0.093 84.3);
}
.element {
color: var(--magic-lamp);
background-color: hsl(40 45% 57%);
border-color: oklch(0.727 0.093 84.3);
}Tailwind CSS v4
@theme {
--color-magic-lamp: #c2a260;
--color-magic-lamp-50: #fff4d8;
--color-magic-lamp-100: #f6e6c5;
--color-magic-lamp-200: #e6d2a7;
--color-magic-lamp-300: #ccb580;
--color-magic-lamp-400: #b89a5c;
--color-magic-lamp-500: #a38135;
--color-magic-lamp-600: #8a6d2e;
--color-magic-lamp-700: #6e5725;
--color-magic-lamp-800: #523f19;
--color-magic-lamp-900: #392b10;
--color-magic-lamp-950: #241903;
}SCSS
$magic-lamp: #c2a260;
$magic-lamp-rgb: 194, 162, 96;
$magic-lamp-light: mix(#fff, $magic-lamp, 20%);
$magic-lamp-dark: mix(#000, $magic-lamp, 20%);
.element {
color: $magic-lamp;
box-shadow: 0 0 0 2px rgba($magic-lamp, 0.35);
}