色名 · #FEDDCB
Shironeri Silk
Shironeri Silkは#FEDDCB：rgb(254 221 203)、hsl(21 96% 90%)、oklch(0.92 0.044 50.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Shironeri Silk color name →
#FEDDCB
oklch(0.92 0.044 50.4)
カラー変換
- HEX
- #feddcb
- RGB
- rgb(254 221 203)
- HSL
- hsl(21 96% 90%)
- HWB
- hwb(21 80% 0%)
- OKLCH
- oklch(0.92 0.044 50.4)
- OKLab
- oklab(0.92 0.028 0.034)
- CIE Lab
- lab(90.55 9.77 13.3)
- LCH
- lch(90.55 16.5 53.7)
- CMYK
- cmyk(0% 13% 20% 0%)
ティント · シェード · トーン
ティント
- FEE0D0
- FEE4D5
- FFE7DB
- FFEBE0
- FFEEE5
- FFF1EA
- FFF5EF
- FFF8F5
- FFFCFA
シェード
- DDC0B0
- BDA496
- 9E887D
- 806E65
- 63554D
- 473D37
- 2D2622
- 16110F
- 030202
トーン
- F1D3C3
- E4CABC
- D7C0B4
- CAB7AC
- BDADA5
- B1A49D
- A49B96
- 98928F
- 8C8987
カラーハーモニー
補色 +180°
- FEDDCB
Shironeri Silk
- C8EBFD
≈ Blue Java Banana
類似色 -30° +30°
- FEDDCB
Shironeri Silk
- FFDBD9
≈ Cottagecore Sunset
- F4E2C4
≈ Cameo Cream
トライアド +120° +240°
- FEDDCB
Shironeri Silk
- C9EFE0
≈ Summer House
- E4E1FF
≈ Stoic White
スプリットコンプリメンタリー +150° +210°
- FEDDCB
Shironeri Silk
- C4EEF0
≈ Icy Breeze
- D6E6FF
≈ Veiling Waterfalls
テトラード +90° +180° +270°
- FEDDCB
Shironeri Silk
- D6ECD1
≈ Lantana Lime
- C8EBFD
≈ Blue Java Banana
- F2DCF7
≈ Grape Taffy
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.27:1 · APCA Lc 14
Ag
AAA黒の上
WCAG 16.41:1 · APCA Lc 90
最適な文字色: #000000
WCAG 16.41:1 (AAA) · APCA Lc 90
Contrast pairs
コードスニペット
CSS
:root {
--shironeri-silk: #feddcb;
--shironeri-silk-rgb: 254 221 203;
--shironeri-silk-oklch: oklch(0.92 0.044 50.4);
}
.element {
color: var(--shironeri-silk);
background-color: hsl(21 96% 90%);
border-color: oklch(0.92 0.044 50.4);
}Tailwind CSS v4
@theme {
--color-shironeri-silk: #feddcb;
--color-shironeri-silk-50: #fff2ea;
--color-shironeri-silk-100: #f5e4db;
--color-shironeri-silk-200: #e4d0c3;
--color-shironeri-silk-300: #cab2a3;
--color-shironeri-silk-400: #b59787;
--color-shironeri-silk-500: #9f7e6c;
--color-shironeri-silk-600: #866b5c;
--color-shironeri-silk-700: #6c5549;
--color-shironeri-silk-800: #4f3e35;
--color-shironeri-silk-900: #372b24;
--color-shironeri-silk-950: #221813;
}SCSS
$shironeri-silk: #feddcb;
$shironeri-silk-rgb: 254, 221, 203;
$shironeri-silk-light: mix(#fff, $shironeri-silk, 20%);
$shironeri-silk-dark: mix(#000, $shironeri-silk, 20%);
.element {
color: $shironeri-silk;
box-shadow: 0 0 0 2px rgba($shironeri-silk, 0.35);
}