最も近い色名 · #317676
#317676
最も近い色名: Prismarine
#317676（rgb(49 118 118)、hsl(180 41% 33%)、oklch(0.522 0.069 195.3)）に最も近い色名はPrismarineです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#317676
oklch(0.522 0.069 195.3)
カラー変換
- HEX
- #317676
- RGB
- rgb(49 118 118)
- HSL
- hsl(180 41% 33%)
- HWB
- hwb(180 19% 54%)
- OKLCH
- oklch(0.522 0.069 195.3)
- OKLab
- oklab(0.522 -0.066 -0.018)
- CIE Lab
- lab(45.32 -22.47 -6.92)
- LCH
- lch(45.32 23.51 197.1)
- CMYK
- cmyk(58% 0% 0% 54%)
ティント · シェード · トーン
ティント
- 488383
- 5D9090
- 719E9D
- 85ABAB
- 99B9B8
- ADC6C6
- C1D4D4
- D6E2E2
- EAF1F1
シェード
- 296666
- 225656
- 1A4747
- 133838
- 0C2929
- 061C1C
- 030F0F
- 010505
- 000101
トーン
- 3C7777
- 457878
- 4E7979
- 567A7A
- 5D7B7B
- 657C7C
- 6C7D7D
- 737E7E
- 797F7F
カラーハーモニー
補色 +180°
- 317676
Prismarine
- 8D595D
≈ Barn Door
類似色 -30° +30°
- 317676
Prismarine
- 407660
≈ Fir
- 397288
≈ Calypso
トライアド +120° +240°
- 317676
Prismarine
- 795D85
≈ Mystical Purple
- 81643A
≈ Dirt Brown
スプリットコンプリメンタリー +150° +210°
- 317676
Prismarine
- 865972
≈ Indian Silk
- 8B5D48
≈ Spicy Mix
テトラード +90° +180° +270°
- 317676
Prismarine
- 656490
≈ Twilight Purple
- 8D595D
≈ Barn Door
- 6F6C3B
≈ Robinhood
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.27:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 3.98:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--prismarine: #317676;
--prismarine-rgb: 49 118 118;
--prismarine-oklch: oklch(0.522 0.069 195.3);
}
.element {
color: var(--prismarine);
background-color: hsl(180 41% 33%);
border-color: oklch(0.522 0.069 195.3);
}Tailwind CSS v4
@theme {
--color-prismarine: #317676;
--color-prismarine-50: #e0fcfc;
--color-prismarine-100: #ceeff0;
--color-prismarine-200: #b3dede;
--color-prismarine-300: #8ec3c4;
--color-prismarine-400: #6cacab;
--color-prismarine-500: #489594;
--color-prismarine-600: #3e7e7e;
--color-prismarine-700: #316564;
--color-prismarine-800: #224a49;
--color-prismarine-900: #173333;
--color-prismarine-950: #071f1e;
}SCSS
$prismarine: #317676;
$prismarine-rgb: 49, 118, 118;
$prismarine-light: mix(#fff, $prismarine, 20%);
$prismarine-dark: mix(#000, $prismarine, 20%);
.element {
color: $prismarine;
box-shadow: 0 0 0 2px rgba($prismarine, 0.35);
}