色名 · #E29C45
Kikuchiba Gold
Kikuchiba Goldは#E29C45：rgb(226 156 69)、hsl(33 73% 58%)、oklch(0.746 0.131 69)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Kikuchiba Gold color name →
#E29C45
oklch(0.746 0.131 69)
カラー変換
- HEX
- #e29c45
- RGB
- rgb(226 156 69)
- HSL
- hsl(33 73% 58%)
- HWB
- hwb(33 27% 11%)
- OKLCH
- oklch(0.746 0.131 69)
- OKLab
- oklab(0.746 0.047 0.123)
- CIE Lab
- lab(70.26 21.19 54.83)
- LCH
- lch(70.26 58.78 68.9)
- CMYK
- cmyk(0% 31% 69% 11%)
ティント · シェード · トーン
ティント
- E6A65C
- E9B070
- ECBA83
- EFC495
- F2CEA7
- F5D8B9
- F8E2CA
- FAECDC
- FDF5ED
シェード
- C4873B
- A87331
- 8C5F27
- 714C1E
- 573915
- 3E280C
- 271805
- 120902
- 030100
トーン
- D89A4F
- CE9757
- C5955E
- BB9264
- B18F6A
- A78C6F
- 9D8974
- 948678
- 8A837C
カラーハーモニー
補色 +180°
- E29C45
Kikuchiba Gold
- 65B2FC
≈ Tiān Lán Sky
類似色 -30° +30°
- E29C45
Kikuchiba Gold
- F38E6C
≈ Moegi Green
- C2AD3D
≈ Oil Yellow
トライアド +120° +240°
- E29C45
Kikuchiba Gold
- 00C6BD
≈ Swimmers Pool
- C595EC
≈ Bright Lavender
スプリットコンプリメンタリー +150° +210°
- E29C45
Kikuchiba Gold
- 19BFE5
≈ Blue Raspberry
- 9BA3FE
≈ Widowmaker
テトラード +90° +180° +270°
- E29C45
Kikuchiba Gold
- 56C68E
≈ Enamelled Dragon
- 65B2FC
≈ Tiān Lán Sky
- E38AC8
≈ Blushed Bombshell
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.31:1 · APCA Lc 45
Ag
AAA黒の上
WCAG 9.07:1 · APCA Lc 57
最適な文字色: #000000
WCAG 9.07:1 (AAA) · APCA Lc 57
Contrast pairs
コードスニペット
CSS
:root {
--kikuchiba-gold: #e29c45;
--kikuchiba-gold-rgb: 226 156 69;
--kikuchiba-gold-oklch: oklch(0.746 0.131 69);
}
.element {
color: var(--kikuchiba-gold);
background-color: hsl(33 73% 58%);
border-color: oklch(0.746 0.131 69);
}Tailwind CSS v4
@theme {
--color-kikuchiba-gold: #e29c45;
--color-kikuchiba-gold-50: #fff0cd;
--color-kikuchiba-gold-100: #ffe1b9;
--color-kikuchiba-gold-200: #f8cb96;
--color-kikuchiba-gold-300: #e2ac69;
--color-kikuchiba-gold-400: #d08f3d;
--color-kikuchiba-gold-500: #bd7300;
--color-kikuchiba-gold-600: #a06100;
--color-kikuchiba-gold-700: #804e00;
--color-kikuchiba-gold-800: #603800;
--color-kikuchiba-gold-900: #432601;
--color-kikuchiba-gold-950: #2b1400;
}SCSS
$kikuchiba-gold: #e29c45;
$kikuchiba-gold-rgb: 226, 156, 69;
$kikuchiba-gold-light: mix(#fff, $kikuchiba-gold, 20%);
$kikuchiba-gold-dark: mix(#000, $kikuchiba-gold, 20%);
.element {
color: $kikuchiba-gold;
box-shadow: 0 0 0 2px rgba($kikuchiba-gold, 0.35);
}