最も近い色名 · #47908D
#47908D
最も近い色名: Sea
#47908D（rgb(71 144 141)、hsl(178 34% 42%)、oklch(0.606 0.073 191.8)）に最も近い色名はSeaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#47908D
oklch(0.606 0.073 191.8)
カラー変換
- HEX
- #47908d
- RGB
- rgb(71 144 141)
- HSL
- hsl(178 34% 42%)
- HWB
- hwb(178 28% 44%)
- OKLCH
- oklch(0.606 0.073 191.8)
- OKLab
- oklab(0.606 -0.072 -0.015)
- CIE Lab
- lab(55.08 -24.39 -5.81)
- LCH
- lch(55.08 25.07 193.4)
- CMYK
- cmyk(51% 0% 2% 44%)
ティント · シェード · トーン
ティント
- 5B9B98
- 6EA6A3
- 80B1AE
- 93BCB9
- A5C7C4
- B6D2D0
- C8DDDC
- DBE8E7
- EDF4F3
シェード
- 3D7D7A
- 326A67
- 285755
- 1F4544
- 163433
- 0D2423
- 061514
- 020707
- 000101
トーン
- 4F8F8C
- 568D8A
- 5C8C89
- 628A88
- 688887
- 6D8785
- 728584
- 778383
- 7C8281
カラーハーモニー
補色 +180°
- 47908D
Sea
- A97076
≈ Pomegranate Tea
類似色 -30° +30°
トライアド +120° +240°
スプリットコンプリメンタリー +150° +210°
- 47908D
Sea
- A1718E
≈ Upper Crust
- A8735F
≈ Hazelnut
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.72:1 · APCA Lc 65
Ag
AA黒の上
WCAG 5.64:1 · APCA Lc 37
最適な文字色: #000000
WCAG 5.64:1 (AA) · APCA Lc 37
Contrast pairs
コードスニペット
CSS
:root {
--sea: #47908d;
--sea-rgb: 71 144 141;
--sea-oklch: oklch(0.606 0.073 191.8);
}
.element {
color: var(--sea);
background-color: hsl(178 34% 42%);
border-color: oklch(0.606 0.073 191.8);
}Tailwind CSS v4
@theme {
--color-sea: #47908d;
--color-sea-50: #defcfb;
--color-sea-100: #cdf0ef;
--color-sea-200: #b1dfdd;
--color-sea-300: #8bc4c2;
--color-sea-400: #68ada9;
--color-sea-500: #439692;
--color-sea-600: #3a7f7c;
--color-sea-700: #2e6563;
--color-sea-800: #204b48;
--color-sea-900: #153432;
--color-sea-950: #061f1e;
}SCSS
$sea: #47908d;
$sea-rgb: 71, 144, 141;
$sea-light: mix(#fff, $sea, 20%);
$sea-dark: mix(#000, $sea, 20%);
.element {
color: $sea;
box-shadow: 0 0 0 2px rgba($sea, 0.35);
}