最も近い色名 · #9BD3DF
#9BD3DF
最も近い色名: Infinity Pool
#9BD3DF（rgb(155 211 223)、hsl(191 52% 74%)、oklch(0.832 0.06 212.4)）に最も近い色名はInfinity Poolです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#9BD3DF
oklch(0.832 0.06 212.4)
カラー変換
- HEX
- #9bd3df
- RGB
- rgb(155 211 223)
- HSL
- hsl(191 52% 74%)
- HWB
- hwb(191 61% 13%)
- OKLCH
- oklch(0.832 0.06 212.4)
- OKLab
- oklab(0.832 -0.051 -0.032)
- CIE Lab
- lab(81 -16.56 -12.09)
- LCH
- lch(81 20.5 216.1)
- CMYK
- cmyk(30% 5% 0% 13%)
ティント · シェード · トーン
ティント
- A5D7E2
- B0DCE5
- BAE0E9
- C4E5EC
- CEE9EF
- D8EDF2
- E2F2F5
- EBF6F9
- F5FBFC
シェード
- 86B7C2
- 729CA5
- 5E828A
- 4B696F
- 395156
- 283A3D
- 182427
- 091012
- 010202
トーン
- 99CAD5
- 96C2CB
- 94B9C2
- 91B1B8
- 8FA9AE
- 8CA0A5
- 89989C
- 869092
- 838889
カラーハーモニー
補色 +180°
- 9BD3DF
Infinity Pool
- ECBBB0
≈ Peach Souffle
類似色 -30° +30°
- 9BD3DF
Infinity Pool
- 9DD5CB
≈ Aqua Glow
- A7CEEC
≈ Sail
トライアド +120° +240°
- 9BD3DF
Infinity Pool
- E0BAD9
≈ Posies
- D6C89C
≈ Parsnip
スプリットコンプリメンタリー +150° +210°
- 9BD3DF
Infinity Pool
- EBB8C5
≈ Chantilly
- E5C0A1
≈ Fabulous Fawn
テトラード +90° +180° +270°
- 9BD3DF
Infinity Pool
- CFBFE9
≈ York Plum
- ECBBB0
≈ Peach Souffle
- C1CFA4
≈ Spumoni Green
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.64:1 · APCA Lc 29
Ag
AAA黒の上
WCAG 12.77:1 · APCA Lc 74
最適な文字色: #000000
WCAG 12.77:1 (AAA) · APCA Lc 74
Contrast pairs
コードスニペット
CSS
:root {
--infinity-pool: #9bd3df;
--infinity-pool-rgb: 155 211 223;
--infinity-pool-oklch: oklch(0.832 0.06 212.4);
}
.element {
color: var(--infinity-pool);
background-color: hsl(191 52% 74%);
border-color: oklch(0.832 0.06 212.4);
}Tailwind CSS v4
@theme {
--color-infinity-pool: #9bd3df;
--color-infinity-pool-50: #e3faff;
--color-infinity-pool-100: #d2eef4;
--color-infinity-pool-200: #b8dbe4;
--color-infinity-pool-300: #95c0ca;
--color-infinity-pool-400: #75a8b3;
--color-infinity-pool-500: #54919d;
--color-infinity-pool-600: #487b85;
--color-infinity-pool-700: #39626b;
--color-infinity-pool-800: #28484e;
--color-infinity-pool-900: #1b3236;
--color-infinity-pool-950: #0b1e21;
}SCSS
$infinity-pool: #9bd3df;
$infinity-pool-rgb: 155, 211, 223;
$infinity-pool-light: mix(#fff, $infinity-pool, 20%);
$infinity-pool-dark: mix(#000, $infinity-pool, 20%);
.element {
color: $infinity-pool;
box-shadow: 0 0 0 2px rgba($infinity-pool, 0.35);
}