最も近い色名 · #71BEBF
#71BEBF
最も近い色名: Castaway
#71BEBF（rgb(113 190 191)、hsl(181 38% 60%)、oklch(0.752 0.076 196.7)）に最も近い色名はCastawayです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#71BEBF
oklch(0.752 0.076 196.7)
カラー変換
- HEX
- #71bebf
- RGB
- rgb(113 190 191)
- HSL
- hsl(181 38% 60%)
- HWB
- hwb(181 44% 25%)
- OKLCH
- oklch(0.752 0.076 196.7)
- OKLab
- oklab(0.752 -0.073 -0.022)
- CIE Lab
- lab(72.06 -24.65 -8.41)
- LCH
- lch(72.06 26.05 198.8)
- CMYK
- cmyk(41% 1% 0% 25%)
ティント · シェード · トーン
ティント
- 81C5C5
- 8FCBCC
- 9ED2D2
- ACD8D8
- BADFDF
- C8E5E5
- D6ECEC
- E4F2F2
- F1F9F8
シェード
- 61A5A6
- 528C8D
- 437575
- 355E5E
- 274848
- 1A3333
- 0E1F1F
- 040D0D
- 010202
トーン
- 74B8B9
- 77B1B2
- 79ABAC
- 7BA5A5
- 7C9F9F
- 7D9999
- 7E9292
- 7F8C8C
- 808686
カラーハーモニー
補色 +180°
- 71BEBF
Castaway
- DB9B9E
≈ Blushing Bud
類似色 -30° +30°
- 71BEBF
Castaway
- 7EBFA4
≈ Celadon Porcelain
- 79B9D4
≈ Blue Chrysocolla
トライアド +120° +240°
- 71BEBF
Castaway
- C2A0CF
≈ Lilac Lace
- CAA977
≈ Balsam Brown
スプリットコンプリメンタリー +150° +210°
- 71BEBF
Castaway
- D39BB8
≈ Sweet Perfume
- D8A085
≈ Orange Maple
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.13:1 · APCA Lc 42
Ag
AAA黒の上
WCAG 9.81:1 · APCA Lc 60
最適な文字色: #000000
WCAG 9.81:1 (AAA) · APCA Lc 60
Contrast pairs
コードスニペット
CSS
:root {
--castaway: #71bebf;
--castaway-rgb: 113 190 191;
--castaway-oklch: oklch(0.752 0.076 196.7);
}
.element {
color: var(--castaway);
background-color: hsl(181 38% 60%);
border-color: oklch(0.752 0.076 196.7);
}Tailwind CSS v4
@theme {
--color-castaway: #71bebf;
--color-castaway-50: #ddfcfd;
--color-castaway-100: #cbf0f1;
--color-castaway-200: #afdfe0;
--color-castaway-300: #88c4c6;
--color-castaway-400: #65adae;
--color-castaway-500: #3d9697;
--color-castaway-600: #357f80;
--color-castaway-700: #2a6566;
--color-castaway-800: #1d4b4a;
--color-castaway-900: #133434;
--color-castaway-950: #051f1f;
}SCSS
$castaway: #71bebf;
$castaway-rgb: 113, 190, 191;
$castaway-light: mix(#fff, $castaway, 20%);
$castaway-dark: mix(#000, $castaway, 20%);
.element {
color: $castaway;
box-shadow: 0 0 0 2px rgba($castaway, 0.35);
}