色名 · #FACF58
Rubber Ducky
Rubber Duckyは#FACF58：rgb(250 207 88)、hsl(44 94% 66%)、oklch(0.87 0.143 89.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Rubber Ducky color name →
#FACF58
oklch(0.87 0.143 89.1)
カラー変換
- HEX
- #facf58
- RGB
- rgb(250 207 88)
- HSL
- hsl(44 94% 66%)
- HWB
- hwb(44 35% 2%)
- OKLCH
- oklch(0.87 0.143 89.1)
- OKLab
- oklab(0.87 0.002 0.143)
- CIE Lab
- lab(85.3 6.48 62.99)
- LCH
- lch(85.3 63.33 84.1)
- CMYK
- cmyk(0% 17% 65% 2%)
ティント · シェード · トーン
ティント
- FBD46E
- FBD981
- FCDE92
- FCE3A3
- FDE8B3
- FDEDC3
- FEF1D2
- FEF6E1
- FFFBF0
シェード
- D9B44B
- BA993F
- 9B7F33
- 7D6728
- 614F1D
- 463812
- 2D2309
- 151003
- 030200
トーン
- EDC760
- E1BF67
- D4B76C
- C8AF71
- BBA775
- AFA078
- A3987B
- 97907D
- 8C887F
カラーハーモニー
補色 +180°
- FACF58
Rubber Ducky
- C3D3FF
≈ Pale Phthalo Blue
類似色 -30° +30°
- FACF58
Rubber Ducky
- FFC79C
≈ Gumdrops
- CAE26F
≈ Idocrase Green
トライアド +120° +240°
- FACF58
Rubber Ducky
- 61EAFF
≈ Bioluminescence
- FFB9FA
≈ Distilled Rose
スプリットコンプリメンタリー +150° +210°
- FACF58
Rubber Ducky
- A9DCFF
≈ Droplet
- DBCAFF
≈ Foggy Heath
テトラード +90° +180° +270°
- FACF58
Rubber Ducky
- 47F3D6
≈ Frozen Boubble
- C3D3FF
≈ Pale Phthalo Blue
- FFC0D3
≈ Garden Glory
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.48:1 · APCA Lc 23
Ag
AAA黒の上
WCAG 14.13:1 · APCA Lc 80
最適な文字色: #000000
WCAG 14.13:1 (AAA) · APCA Lc 80
Contrast pairs
コードスニペット
CSS
:root {
--rubber-ducky: #facf58;
--rubber-ducky-rgb: 250 207 88;
--rubber-ducky-oklch: oklch(0.87 0.143 89.1);
}
.element {
color: var(--rubber-ducky);
background-color: hsl(44 94% 66%);
border-color: oklch(0.87 0.143 89.1);
}Tailwind CSS v4
@theme {
--color-rubber-ducky: #facf58;
--color-rubber-ducky-50: #fff4c7;
--color-rubber-ducky-100: #fae7b2;
--color-rubber-ducky-200: #ebd38c;
--color-rubber-ducky-300: #d3b55b;
--color-rubber-ducky-400: #c0991d;
--color-rubber-ducky-500: #ac7e00;
--color-rubber-ducky-600: #916b00;
--color-rubber-ducky-700: #745600;
--color-rubber-ducky-800: #573e00;
--color-rubber-ducky-900: #3d2a00;
--color-rubber-ducky-950: #271800;
}SCSS
$rubber-ducky: #facf58;
$rubber-ducky-rgb: 250, 207, 88;
$rubber-ducky-light: mix(#fff, $rubber-ducky, 20%);
$rubber-ducky-dark: mix(#000, $rubber-ducky, 20%);
.element {
color: $rubber-ducky;
box-shadow: 0 0 0 2px rgba($rubber-ducky, 0.35);
}