最も近い色名 · #45AA9C
#45AA9C
最も近い色名: Ambrosial Oceanside
#45AA9C（rgb(69 170 156)、hsl(172 42% 47%)、oklch(0.675 0.096 182.8)）に最も近い色名はAmbrosial Oceansideです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#45AA9C
oklch(0.675 0.096 182.8)
カラー変換
- HEX
- #45aa9c
- RGB
- rgb(69 170 156)
- HSL
- hsl(172 42% 47%)
- HWB
- hwb(172 27% 33%)
- OKLCH
- oklch(0.675 0.096 182.8)
- OKLab
- oklab(0.675 -0.096 -0.005)
- CIE Lab
- lab(63.47 -33.22 -2.02)
- LCH
- lch(63.47 33.28 183.5)
- CMYK
- cmyk(59% 0% 8% 33%)
ティント · シェード · トーン
ティント
- 5CB2A5
- 71BBAF
- 84C3B9
- 96CCC3
- A8D4CC
- BADDD6
- CBE5E0
- DCEEEA
- EEF6F5
シェード
- 3B9387
- 317D73
- 27685F
- 1E534C
- 153F39
- 0C2D28
- 051B18
- 020B09
- 000101
トーン
- 4FA699
- 57A296
- 5F9E93
- 659991
- 6B958E
- 70918B
- 748D88
- 798986
- 7C8483
カラーハーモニー
補色 +180°
- 45AA9C
Ambrosial Oceanside
- C87D91
≈ Wild Rose
類似色 -30° +30°
- 45AA9C
Ambrosial Oceanside
- 66A87A
≈ Green Tea Candy
- 42A6BA
≈ Moonstone
トライアド +120° +240°
- 45AA9C
Ambrosial Oceanside
- A288C8
≈ Petrified Purple
- C18956
≈ Espresso Tonic
スプリットコンプリメンタリー +150° +210°
- 45AA9C
Ambrosial Oceanside
- BA80B0
≈ Drama Violet
- CB8070
≈ Canyon Clay
テトラード +90° +180° +270°
- 45AA9C
Ambrosial Oceanside
- 8393D2
≈ Mystic Iris
- C87D91
≈ Wild Rose
- AB954D
≈ Semi Opal
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.80:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.48:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--ambrosial-oceanside: #45aa9c;
--ambrosial-oceanside-rgb: 69 170 156;
--ambrosial-oceanside-oklch: oklch(0.675 0.096 182.8);
}
.element {
color: var(--ambrosial-oceanside);
background-color: hsl(172 42% 47%);
border-color: oklch(0.675 0.096 182.8);
}Tailwind CSS v4
@theme {
--color-ambrosial-oceanside: #45aa9c;
--color-ambrosial-oceanside-50: #d8fff9;
--color-ambrosial-oceanside-100: #c5f3ec;
--color-ambrosial-oceanside-200: #a6e2d9;
--color-ambrosial-oceanside-300: #7cc8be;
--color-ambrosial-oceanside-400: #54b1a3;
--color-ambrosial-oceanside-500: #1a9a8c;
--color-ambrosial-oceanside-600: #1b8376;
--color-ambrosial-oceanside-700: #16695f;
--color-ambrosial-oceanside-800: #0f4d44;
--color-ambrosial-oceanside-900: #0a362f;
--color-ambrosial-oceanside-950: #00211c;
}SCSS
$ambrosial-oceanside: #45aa9c;
$ambrosial-oceanside-rgb: 69, 170, 156;
$ambrosial-oceanside-light: mix(#fff, $ambrosial-oceanside, 20%);
$ambrosial-oceanside-dark: mix(#000, $ambrosial-oceanside, 20%);
.element {
color: $ambrosial-oceanside;
box-shadow: 0 0 0 2px rgba($ambrosial-oceanside, 0.35);
}