色名 · #DE9930
Kingpin Gold
Kingpin Goldは#DE9930：rgb(222 153 48)、hsl(36 73% 53%)、oklch(0.734 0.14 72.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Kingpin Gold color name →
#DE9930
oklch(0.734 0.14 72.7)
カラー変換
- HEX
- #de9930
- RGB
- rgb(222 153 48)
- HSL
- hsl(36 73% 53%)
- HWB
- hwb(36 19% 13%)
- OKLCH
- oklch(0.734 0.14 72.7)
- OKLab
- oklab(0.734 0.042 0.134)
- CIE Lab
- lab(68.94 20.37 61.97)
- LCH
- lch(68.94 65.23 71.8)
- CMYK
- cmyk(0% 31% 78% 13%)
ティント · シェード · トーン
ティント
- E2A44D
- E6AE64
- E9B879
- EDC38D
- F0CDA1
- F3D7B4
- F6E1C7
- F9EBD9
- FCF5EC
シェード
- C18428
- A57021
- 895D1A
- 6F4A13
- 55380C
- 3D2706
- 261703
- 120801
- 020100
トーン
- D5973F
- CB954A
- C29354
- B8905C
- AF8E64
- A68B6A
- 9C8970
- 938676
- 89837B
カラーハーモニー
補色 +180°
- DE9930
Kingpin Gold
- 64ADFF
≈ Joust Blue
類似色 -30° +30°
- DE9930
Kingpin Gold
- F1895D
≈ Half-Smoke
- BAAC2D
≈ Green Flavour
トライアド +120° +240°
- DE9930
Kingpin Gold
- 00C1BE
≈ Cala Benirrás Blue
- C78DE8
≈ Luminous Lavender
スプリットコンプリメンタリー +150° +210°
- DE9930
Kingpin Gold
- 00BBE7
≈ Blue Bikini
- 9D9CFE
≈ Cobalite
テトラード +90° +180° +270°
- DE9930
Kingpin Gold
- 3CC48F
≈ Píng Gǔo Lǜ Green
- 64ADFF
≈ Joust Blue
- E583C0
≈ Fuchsia Blush
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.41:1 · APCA Lc 47
Ag
AAA黒の上
WCAG 8.70:1 · APCA Lc 55
最適な文字色: #000000
WCAG 8.70:1 (AAA) · APCA Lc 55
Contrast pairs
コードスニペット
CSS
:root {
--kingpin-gold: #de9930;
--kingpin-gold-rgb: 222 153 48;
--kingpin-gold-oklch: oklch(0.734 0.14 72.7);
}
.element {
color: var(--kingpin-gold);
background-color: hsl(36 73% 53%);
border-color: oklch(0.734 0.14 72.7);
}Tailwind CSS v4
@theme {
--color-kingpin-gold: #de9930;
--color-kingpin-gold-50: #fff0c9;
--color-kingpin-gold-100: #ffe2b4;
--color-kingpin-gold-200: #f8cc90;
--color-kingpin-gold-300: #e2ad61;
--color-kingpin-gold-400: #d08f2d;
--color-kingpin-gold-500: #bd7300;
--color-kingpin-gold-600: #a06200;
--color-kingpin-gold-700: #804e00;
--color-kingpin-gold-800: #603800;
--color-kingpin-gold-900: #432600;
--color-kingpin-gold-950: #2b1400;
}SCSS
$kingpin-gold: #de9930;
$kingpin-gold-rgb: 222, 153, 48;
$kingpin-gold-light: mix(#fff, $kingpin-gold, 20%);
$kingpin-gold-dark: mix(#000, $kingpin-gold, 20%);
.element {
color: $kingpin-gold;
box-shadow: 0 0 0 2px rgba($kingpin-gold, 0.35);
}