色名 · #FBEDB8
Tinker Light
Tinker Lightは#FBEDB8：rgb(251 237 184)、hsl(47 89% 85%)、oklch(0.944 0.07 95)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Tinker Light color name →
#FBEDB8
oklch(0.944 0.07 95)
カラー変換
- HEX
- #fbedb8
- RGB
- rgb(251 237 184)
- HSL
- hsl(47 89% 85%)
- HWB
- hwb(47 72% 2%)
- OKLCH
- oklch(0.944 0.07 95)
- OKLab
- oklab(0.944 -0.006 0.069)
- CIE Lab
- lab(93.92 -0.97 27.58)
- LCH
- lch(93.92 27.6 92)
- CMYK
- cmyk(0% 6% 27% 2%)
ティント · シェード · トーン
ティント
- FBEFBF
- FCF1C7
- FCF3CE
- FDF4D5
- FDF6DC
- FDF8E3
- FEFAEA
- FEFCF1
- FFFDF8
シェード
- DACEA0
- BAB088
- 9C9371
- 7E775B
- 615C45
- 464231
- 2D2A1E
- 15140C
- 030302
トーン
- EEE2B3
- E1D6AD
- D5CBA8
- C8C0A2
- BCB59C
- AFAA97
- A3A091
- 97958B
- 8C8A86
カラーハーモニー
補色 +180°
- FBEDB8
Tinker Light
- E7ECFF
≈ Brilliant White
類似色 -30° +30°
- FBEDB8
Tinker Light
- FFE8D3
≈ Macaroon Cream
- E2F6C3
≈ Envious Pastel
トライアド +120° +240°
- FBEDB8
Tinker Light
- CDF5FF
≈ Vaporised
- FFE3F8
≈ Bunny Tail
スプリットコンプリメンタリー +150° +210°
- FBEDB8
Tinker Light
- DEEFFF
≈ Calcareous Sinter
- F2E8FF
≈ Placebo Purple
テトラード +90° +180° +270°
- FBEDB8
Tinker Light
- B8FDF3
≈ Winter Meadow
- E7ECFF
≈ Brilliant White
- FFE5EA
≈ Nosegay
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.17:1 · APCA Lc 8
Ag
AAA黒の上
WCAG 17.90:1 · APCA Lc 96
最適な文字色: #000000
WCAG 17.90:1 (AAA) · APCA Lc 96
Contrast pairs
コードスニペット
CSS
:root {
--tinker-light: #fbedb8;
--tinker-light-rgb: 251 237 184;
--tinker-light-oklch: oklch(0.944 0.07 95);
}
.element {
color: var(--tinker-light);
background-color: hsl(47 89% 85%);
border-color: oklch(0.944 0.07 95);
}Tailwind CSS v4
@theme {
--color-tinker-light: #fbedb8;
--color-tinker-light-50: #faf6df;
--color-tinker-light-100: #eee8ce;
--color-tinker-light-200: #dcd5b3;
--color-tinker-light-300: #c1b88f;
--color-tinker-light-400: #ab9e6f;
--color-tinker-light-500: #95864f;
--color-tinker-light-600: #7e7143;
--color-tinker-light-700: #655b35;
--color-tinker-light-800: #4b4225;
--color-tinker-light-900: #342d19;
--color-tinker-light-950: #1f1a0a;
}SCSS
$tinker-light: #fbedb8;
$tinker-light-rgb: 251, 237, 184;
$tinker-light-light: mix(#fff, $tinker-light, 20%);
$tinker-light-dark: mix(#000, $tinker-light, 20%);
.element {
color: $tinker-light;
box-shadow: 0 0 0 2px rgba($tinker-light, 0.35);
}