色名 · #FFB59A

Island Girl

Island Girlは#FFB59A：rgb(255 181 154)、hsl(16 100% 80%)、oklch(0.836 0.094 40.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。

What does Pink mean? → · Island Girl color name →

#FFB59A

oklch(0.836 0.094 40.9)

カラー変換

HEX: #ffb59a
RGB: rgb(255 181 154)
HSL: hsl(16 100% 80%)
HWB: hwb(16 60% 0%)
OKLCH: oklch(0.836 0.094 40.9)
OKLab: oklab(0.836 0.071 0.062)
CIE Lab: lab(80.37 25.32 25.08)
LCH: lch(80.37 35.64 44.7)
CMYK: cmyk(0% 29% 40% 0%)

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

ティント

FFBDA4
FFC4AE
FFCCB8
FFD3C2
FFDACC
FFE2D6
FFE9E1
FFF0EB
FFF8F5

シェード

DE9D85
BE8671
9E6F5E
80594B
634439
483027
2E1D17
160C09
030201

トーン

F2B098
E5AB95
D8A593
CCA090
BF9B8E
B2958B
A69088
998B86
8D8583

カラーハーモニー

補色 +180°

FFB59A
Island Girl
7FD8F5
≈ Kul Sharif Blue

類似色 -30° +30°

トライアド +120° +240°

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

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

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

白の上

WCAG 1.70:1 · APCA Lc 30

Fail

黒の上

WCAG 12.32:1 · APCA Lc 72

AAA

最適な文字色: #000000

WCAG 12.32:1 (AAA) · APCA Lc 72

Contrast pairs

コードスニペット

CSS

:root {
  --island-girl: #ffb59a;
  --island-girl-rgb: 255 181 154;
  --island-girl-oklch: oklch(0.836 0.094 40.9);
}

.element {
  color: var(--island-girl);
  background-color: hsl(16 100% 80%);
  border-color: oklch(0.836 0.094 40.9);
}

Tailwind CSS v4

@theme {
  --color-island-girl: #ffb59a;
  --color-island-girl-50: #ffede0;
  --color-island-girl-100: #ffdecf;
  --color-island-girl-200: #f8c8b5;
  --color-island-girl-300: #e2a891;
  --color-island-girl-400: #cf8c73;
  --color-island-girl-500: #bb7054;
  --color-island-girl-600: #9e5f48;
  --color-island-girl-700: #7f4c39;
  --color-island-girl-800: #5e3629;
  --color-island-girl-900: #42251c;
  --color-island-girl-950: #2a140c;
}

SCSS

$island-girl: #ffb59a;
$island-girl-rgb: 255, 181, 154;
$island-girl-light: mix(#fff, $island-girl, 20%);
$island-girl-dark: mix(#000, $island-girl, 20%);

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

近い色名

Palettes with similar colors

ツールで開く

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