色名 · #F8F6DA

Portal Entrance

Portal Entranceは#F8F6DA：rgb(248 246 218)、hsl(56 68% 91%)、oklch(0.967 0.037 103.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。

What does Yellow mean? → · Portal Entrance color name →

#F8F6DA

oklch(0.967 0.037 103.7)

カラー変換

HEX: #f8f6da
RGB: rgb(248 246 218)
HSL: hsl(56 68% 91%)
HWB: hwb(56 85% 3%)
OKLCH: oklch(0.967 0.037 103.7)
OKLab: oklab(0.967 -0.009 0.036)
CIE Lab: lab(96.49 -2.75 13.79)
LCH: lch(96.49 14.06 101.3)
CMYK: cmyk(0% 1% 12% 3%)

ティント · シェード · トーン

ティント

F9F7DE
F9F8E1
FAF9E5
FBFAE9
FBFBED
FCFBF0
FDFCF4
FEFDF8
FEFEFB

シェード

D8D6BD
B8B7A2
9A9887
7C7B6C
605F54
45453C
2C2C25
151511
030302

トーン

EBEAD1
DFDDC7
D2D1BE
C6C5B5
BAB9AC
AEAEA3
A2A29A
979691
8B8B89

カラーハーモニー

補色 +180°

F8F6DA
Portal Entrance
F2F3FF
≈ Cloud Break

類似色 -30° +30°

F8F6DA
Portal Entrance
FFF2E2
≈ Doeskin
EBFAE1
≈ Panache

トライアド +120° +240°

スプリットコンプリメンタリー +150° +210°

テトラード +90° +180° +270°

コントラストとアクセシビリティ

白の上

WCAG 1.09:1 · APCA Lc 0

Fail

黒の上

WCAG 19.18:1 · APCA Lc 101

AAA

最適な文字色: #000000

WCAG 19.18:1 (AAA) · APCA Lc 101

Contrast pairs

コードスニペット

CSS

:root {
  --portal-entrance: #f8f6da;
  --portal-entrance-rgb: 248 246 218;
  --portal-entrance-oklch: oklch(0.967 0.037 103.7);
}

.element {
  color: var(--portal-entrance);
  background-color: hsl(56 68% 91%);
  border-color: oklch(0.967 0.037 103.7);
}

Tailwind CSS v4

@theme {
  --color-portal-entrance: #f8f6da;
  --color-portal-entrance-50: #f6f6ea;
  --color-portal-entrance-100: #e9e9db;
  --color-portal-entrance-200: #d6d5c4;
  --color-portal-entrance-300: #b9b9a4;
  --color-portal-entrance-400: #a2a087;
  --color-portal-entrance-500: #8a886c;
  --color-portal-entrance-600: #75735b;
  --color-portal-entrance-700: #5d5c49;
  --color-portal-entrance-800: #454334;
  --color-portal-entrance-900: #302e24;
  --color-portal-entrance-950: #1c1b13;
}

SCSS

$portal-entrance: #f8f6da;
$portal-entrance-rgb: 248, 246, 218;
$portal-entrance-light: mix(#fff, $portal-entrance, 20%);
$portal-entrance-dark: mix(#000, $portal-entrance, 20%);

.element {
  color: $portal-entrance;
  box-shadow: 0 0 0 2px rgba($portal-entrance, 0.35);
}

近い色名

Palettes with similar colors

ツールで開く

ピッカーペアコントラストチェッカー Studio JSON API