色名 · #EFC6A1
Turnip Boy
Turnip Boyは#EFC6A1：rgb(239 198 161)、hsl(28 71% 78%)、oklch(0.853 0.068 63.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Turnip Boy color name →
#EFC6A1
oklch(0.853 0.068 63.8)
カラー変換
- HEX
- #efc6a1
- RGB
- rgb(239 198 161)
- HSL
- hsl(28 71% 78%)
- HWB
- hwb(28 63% 6%)
- OKLCH
- oklch(0.853 0.068 63.8)
- OKLab
- oklab(0.853 0.03 0.061)
- CIE Lab
- lab(82.83 11.24 24.35)
- LCH
- lch(82.83 26.82 65.2)
- CMYK
- cmyk(0% 17% 33% 6%)
ティント · シェード · トーン
ティント
- F1CCAA
- F3D1B4
- F4D7BD
- F6DDC7
- F8E3D0
- F9E8D9
- FBEEE3
- FCF4EC
- FEF9F6
シェード
- D0AC8B
- B19276
- 947A62
- 78624E
- 5C4B3C
- 42352A
- 2A2119
- 140E09
- 030201
トーン
- E3BF9E
- D8B89B
- CDB198
- C1AA94
- B6A391
- AB9C8E
- A0958A
- 958E87
- 8B8784
カラーハーモニー
補色 +180°
- EFC6A1
Turnip Boy
- A9D5F8
≈ Malmö FF
類似色 -30° +30°
- EFC6A1
Turnip Boy
- F8BFB2
≈ Rustique
- DDCF9C
≈ Lunar Lander
トライアド +120° +240°
- EFC6A1
Turnip Boy
- 9CDED3
≈ Vidalia
- D8C4F4
≈ Beefy Pink
スプリットコンプリメンタリー +150° +210°
- EFC6A1
Turnip Boy
- 9BDBEA
≈ Cool Water Lake
- C0CCFC
≈ Light Periwinkle
テトラード +90° +180° +270°
- EFC6A1
Turnip Boy
- ADDCBB
≈ Shanghai Jade
- A9D5F8
≈ Malmö FF
- EBBFE1
≈ Bordeaux Hint
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.58:1 · APCA Lc 26
Ag
AAA黒の上
WCAG 13.26:1 · APCA Lc 77
最適な文字色: #000000
WCAG 13.26:1 (AAA) · APCA Lc 77
Contrast pairs
コードスニペット
CSS
:root {
--turnip-boy: #efc6a1;
--turnip-boy-rgb: 239 198 161;
--turnip-boy-oklch: oklch(0.853 0.068 63.8);
}
.element {
color: var(--turnip-boy);
background-color: hsl(28 71% 78%);
border-color: oklch(0.853 0.068 63.8);
}Tailwind CSS v4
@theme {
--color-turnip-boy: #efc6a1;
--color-turnip-boy-50: #fff2e1;
--color-turnip-boy-100: #f8e4d1;
--color-turnip-boy-200: #e9cfb6;
--color-turnip-boy-300: #d0b193;
--color-turnip-boy-400: #bb9675;
--color-turnip-boy-500: #a67d56;
--color-turnip-boy-600: #8c6a49;
--color-turnip-boy-700: #71543a;
--color-turnip-boy-800: #543d2a;
--color-turnip-boy-900: #3a2a1c;
--color-turnip-boy-950: #24170c;
}SCSS
$turnip-boy: #efc6a1;
$turnip-boy-rgb: 239, 198, 161;
$turnip-boy-light: mix(#fff, $turnip-boy, 20%);
$turnip-boy-dark: mix(#000, $turnip-boy, 20%);
.element {
color: $turnip-boy;
box-shadow: 0 0 0 2px rgba($turnip-boy, 0.35);
}