色名 · #FBD3CD

Rose Sorbet

Rose Sorbetは#FBD3CD：rgb(251 211 205)、hsl(8 85% 89%)、oklch(0.899 0.046 28)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。

What does Pink mean? → · Rose Sorbet color name →

#FBD3CD

oklch(0.899 0.046 28)

カラー変換

HEX: #fbd3cd
RGB: rgb(251 211 205)
HSL: hsl(8 85% 89%)
HWB: hwb(8 80% 2%)
OKLCH: oklch(0.899 0.046 28)
OKLab: oklab(0.899 0.041 0.022)
CIE Lab: lab(87.9 13.78 8.48)
LCH: lch(87.9 16.18 31.6)
CMYK: cmyk(0% 16% 18% 2%)

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

ティント

FCD7D2
FCDCD7
FDE0DC
FDE5E1
FEE9E6
FEEDEB
FEF2F0
FFF6F5
FFFBFA

シェード

DAB7B2
BA9C98
9C827E
7E6966
61514E
463A38
2D2423
15100F
030202

トーン

EECAC5
E1C2BD
D5B9B5
C8B1AD
BCA9A6
B0A09E
A49896
98908F
8C8887

カラーハーモニー

補色 +180°

FBD3CD
Rose Sorbet
BBE7EE
≈ First of July

類似色 -30° +30°

トライアド +120° +240°

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

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

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

白の上

WCAG 1.37:1 · APCA Lc 18

Fail

黒の上

WCAG 15.30:1 · APCA Lc 85

AAA

最適な文字色: #000000

WCAG 15.30:1 (AAA) · APCA Lc 85

Contrast pairs

コードスニペット

CSS

:root {
  --rose-sorbet: #fbd3cd;
  --rose-sorbet-rgb: 251 211 205;
  --rose-sorbet-oklch: oklch(0.899 0.046 28);
}

.element {
  color: var(--rose-sorbet);
  background-color: hsl(8 85% 89%);
  border-color: oklch(0.899 0.046 28);
}

Tailwind CSS v4

@theme {
  --color-rose-sorbet: #fbd3cd;
  --color-rose-sorbet-50: #fff1ed;
  --color-rose-sorbet-100: #f7e3df;
  --color-rose-sorbet-200: #e7cdc9;
  --color-rose-sorbet-300: #ceafaa;
  --color-rose-sorbet-400: #b8958f;
  --color-rose-sorbet-500: #a37b75;
  --color-rose-sorbet-600: #896863;
  --color-rose-sorbet-700: #6e534f;
  --color-rose-sorbet-800: #513c3a;
  --color-rose-sorbet-900: #392a28;
  --color-rose-sorbet-950: #231716;
}

SCSS

$rose-sorbet: #fbd3cd;
$rose-sorbet-rgb: 251, 211, 205;
$rose-sorbet-light: mix(#fff, $rose-sorbet, 20%);
$rose-sorbet-dark: mix(#000, $rose-sorbet, 20%);

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

近い色名

Palettes with similar colors

ツールで開く

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