色名 · #FFB61E
Tōō Gold
Tōō Goldは#FFB61E：rgb(255 182 30)、hsl(41 100% 56%)、oklch(0.824 0.166 78.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Tōō Gold color name →
#FFB61E
oklch(0.824 0.166 78.4)
カラー変換
- HEX
- #ffb61e
- RGB
- rgb(255 182 30)
- HSL
- hsl(41 100% 56%)
- HWB
- hwb(41 12% 0%)
- OKLCH
- oklch(0.824 0.166 78.4)
- OKLab
- oklab(0.824 0.033 0.163)
- CIE Lab
- lab(79.54 19.31 77.42)
- LCH
- lch(79.54 79.8 76)
- CMYK
- cmyk(0% 29% 88% 0%)
ティント · シェード · トーン
ティント
- FFBE48
- FFC664
- FFCD7B
- FFD590
- FFDCA3
- FFE3B6
- FFEAC9
- FFF1DB
- FFF8ED
シェード
- DE9E19
- BE8613
- 9E6F0E
- 805909
- 634405
- 483003
- 2E1D01
- 160C00
- 030200
トーン
- F2B138
- E5AC48
- D8A754
- CBA15D
- BF9C65
- B2976C
- A59172
- 998C77
- 8C867C
カラーハーモニー
補色 +180°
- FFB61E
Tōō Gold
- A2C7FF
≈ Apocyan
類似色 -30° +30°
- FFB61E
Tōō Gold
- FFB087
≈ Spice Pink
- D0CD2F
≈ Lizard Belly
トライアド +120° +240°
- FFB61E
Tōō Gold
- 00E0E7
≈ Fish Boy
- EBA8FF
≈ Pink Sugar
スプリットコンプリメンタリー +150° +210°
- FFB61E
Tōō Gold
- 6FD4FF
≈ Heisenberg Blue
- C2BCFF
≈ Dried Lilac
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.75:1 · APCA Lc 32
Ag
AAA黒の上
WCAG 11.96:1 · APCA Lc 71
最適な文字色: #000000
WCAG 11.96:1 (AAA) · APCA Lc 71
Contrast pairs
コードスニペット
CSS
:root {
--too-gold: #ffb61e;
--too-gold-rgb: 255 182 30;
--too-gold-oklch: oklch(0.824 0.166 78.4);
}
.element {
color: var(--too-gold);
background-color: hsl(41 100% 56%);
border-color: oklch(0.824 0.166 78.4);
}Tailwind CSS v4
@theme {
--color-too-gold: #ffb61e;
--color-too-gold-50: #fff1c0;
--color-too-gold-100: #ffe3a9;
--color-too-gold-200: #f9cd80;
--color-too-gold-300: #e3ad47;
--color-too-gold-400: #d39000;
--color-too-gold-500: #c07300;
--color-too-gold-600: #a26200;
--color-too-gold-700: #824e00;
--color-too-gold-800: #623800;
--color-too-gold-900: #452600;
--color-too-gold-950: #2c1400;
}SCSS
$too-gold: #ffb61e;
$too-gold-rgb: 255, 182, 30;
$too-gold-light: mix(#fff, $too-gold, 20%);
$too-gold-dark: mix(#000, $too-gold, 20%);
.element {
color: $too-gold;
box-shadow: 0 0 0 2px rgba($too-gold, 0.35);
}