最も近い色名 · #67A69E
#67A69E
最も近い色名: Paradise Island
#67A69E（rgb(103 166 158)、hsl(172 26% 53%)、oklch(0.68 0.066 185.6)）に最も近い色名はParadise Islandです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#67A69E
oklch(0.68 0.066 185.6)
カラー変換
- HEX
- #67a69e
- RGB
- rgb(103 166 158)
- HSL
- hsl(172 26% 53%)
- HWB
- hwb(172 40% 35%)
- OKLCH
- oklch(0.68 0.066 185.6)
- OKLab
- oklab(0.68 -0.066 -0.006)
- CIE Lab
- lab(63.69 -22.61 -2.61)
- LCH
- lch(63.69 22.76 186.6)
- CMYK
- cmyk(38% 0% 5% 35%)
ティント · シェード · トーン
ティント
- 77AFA7
- 86B7B1
- 95C0BA
- A4C9C4
- B4D2CD
- C3DBD7
- D2E4E1
- E1EDEB
- F0F6F5
シェード
- 599089
- 4B7A74
- 3D6560
- 30514D
- 233E3A
- 172B29
- 0C1A18
- 040A09
- 000101
トーン
- 6BA29B
- 6E9E98
- 719B95
- 749792
- 76938F
- 788F8C
- 7B8B89
- 7D8886
- 7E8483
カラーハーモニー
補色 +180°
- 67A69E
Paradise Island
- BC8892
≈ Rosenkavalier
類似色 -30° +30°
- 67A69E
Paradise Island
- 77A587
≈ Corporate Green
- 67A3B2
≈ Seaside
トライアド +120° +240°
- 67A69E
Paradise Island
- A28EB9
≈ Wizard’s Brew
- B5906D
≈ Pale Brown
スプリットコンプリメンタリー +150° +210°
- 67A69E
Paradise Island
- B389A8
≈ Fashionably Plum
- BD8A7C
≈ Copper Trail
テトラード +90° +180° +270°
- 67A69E
Paradise Island
- 8C95C2
≈ Pale Iris
- BC8892
≈ Rosenkavalier
- A59969
≈ Stilted Stalks
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.79:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.52:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--paradise-island: #67a69e;
--paradise-island-rgb: 103 166 158;
--paradise-island-oklch: oklch(0.68 0.066 185.6);
}
.element {
color: var(--paradise-island);
background-color: hsl(172 26% 53%);
border-color: oklch(0.68 0.066 185.6);
}Tailwind CSS v4
@theme {
--color-paradise-island: #67a69e;
--color-paradise-island-50: #e1fcf8;
--color-paradise-island-100: #d0f0ec;
--color-paradise-island-200: #b5ded9;
--color-paradise-island-300: #91c3bd;
--color-paradise-island-400: #70aca4;
--color-paradise-island-500: #4e958c;
--color-paradise-island-600: #437e77;
--color-paradise-island-700: #35655f;
--color-paradise-island-800: #264a45;
--color-paradise-island-900: #19332f;
--color-paradise-island-950: #091f1c;
}SCSS
$paradise-island: #67a69e;
$paradise-island-rgb: 103, 166, 158;
$paradise-island-light: mix(#fff, $paradise-island, 20%);
$paradise-island-dark: mix(#000, $paradise-island, 20%);
.element {
color: $paradise-island;
box-shadow: 0 0 0 2px rgba($paradise-island, 0.35);
}